无法将多个离子选项设置为使用 ngModel 绑定选择的?
cannot set multiple ion-option as selected with ngModel binding?
我正在使用 ionic,我正在尝试编辑此 select 选项具有多个值的表单。此代码未将选项设置为 selected。怎么了?
list_of_house 是数组示例 list_of_house = ['house1','house2','house3];
<ion-label>House:</ion-label>
<ion-select ngModel={{list_of_house}} #house name="house" multiple="true">
<ion-option value='house1'>house1</ion-option>
<ion-option value='house2'>house2</ion-option>
<ion-option value='house3'>house3</ion-option>
<ion-option value='house4'>house4</ion-option>
<ion-option value='house5'>house5</ion-option>
<ion-option value='house6'>house6</ion-option>
<ion-option value='house7'>house7</ion-option>
<ion-option value='house8'>house8</ion-option>
<ion-option value='house9'>house9</ion-option>
<ion-option value='house10'>house10</ion-option>
<ion-option value='house11'>house11</ion-option>
<ion-option value='house12'>house12</ion-option>
<ion-option value='house13'>house13</ion-option>
<ion-option value='house14'>house14</ion-option>
<ion-option value='house15'>house15</ion-option>
<ion-option value='house16'>house16</ion-option>
<ion-option value='house17'>house17</ion-option>
<ion-option value='house18'>house18</ion-option>
<ion-option value='house19'>house19</ion-option>
<ion-option value='house20'>house20</ion-option>
<ion-option value='house21'>house21</ion-option>
</ion-select>
如果您使用的是 ionic v1,那么您可以选中多个选项的复选框控件,并将所有选项与模型绑定,例如。
<ion-checkbox ng-model="list_of_house.house1">House1</ion-checkbox>
如果离子 2 使用如下:
<ion-list>
<ion-item>
<ion-label>Toppings</ion-label>
<ion-select [(ngModel)]="toppings" multiple="true" cancelText="Nah" okText="Okay!">
<ion-option value="bacon" selected="true">Bacon</ion-option>
<ion-option value="olives">Black Olives</ion-option>
<ion-option value="xcheese" selected="true">Extra Cheese</ion-option>
<ion-option value="peppers">Green Peppers</ion-option>
<ion-option value="mushrooms">Mushrooms</ion-option>
<ion-option value="onions">Onions</ion-option>
<ion-option value="pepperoni">Pepperoni</ion-option>
<ion-option value="pineapple">Pineapple</ion-option>
<ion-option value="sausage">Sausage</ion-option>
<ion-option value="Spinach">Spinach</ion-option>
</ion-select>
</ion-item>
</ion-list>
我正在使用 ionic,我正在尝试编辑此 select 选项具有多个值的表单。此代码未将选项设置为 selected。怎么了?
list_of_house 是数组示例 list_of_house = ['house1','house2','house3];
<ion-label>House:</ion-label>
<ion-select ngModel={{list_of_house}} #house name="house" multiple="true">
<ion-option value='house1'>house1</ion-option>
<ion-option value='house2'>house2</ion-option>
<ion-option value='house3'>house3</ion-option>
<ion-option value='house4'>house4</ion-option>
<ion-option value='house5'>house5</ion-option>
<ion-option value='house6'>house6</ion-option>
<ion-option value='house7'>house7</ion-option>
<ion-option value='house8'>house8</ion-option>
<ion-option value='house9'>house9</ion-option>
<ion-option value='house10'>house10</ion-option>
<ion-option value='house11'>house11</ion-option>
<ion-option value='house12'>house12</ion-option>
<ion-option value='house13'>house13</ion-option>
<ion-option value='house14'>house14</ion-option>
<ion-option value='house15'>house15</ion-option>
<ion-option value='house16'>house16</ion-option>
<ion-option value='house17'>house17</ion-option>
<ion-option value='house18'>house18</ion-option>
<ion-option value='house19'>house19</ion-option>
<ion-option value='house20'>house20</ion-option>
<ion-option value='house21'>house21</ion-option>
</ion-select>
如果您使用的是 ionic v1,那么您可以选中多个选项的复选框控件,并将所有选项与模型绑定,例如。
<ion-checkbox ng-model="list_of_house.house1">House1</ion-checkbox>
如果离子 2 使用如下:
<ion-list>
<ion-item>
<ion-label>Toppings</ion-label>
<ion-select [(ngModel)]="toppings" multiple="true" cancelText="Nah" okText="Okay!">
<ion-option value="bacon" selected="true">Bacon</ion-option>
<ion-option value="olives">Black Olives</ion-option>
<ion-option value="xcheese" selected="true">Extra Cheese</ion-option>
<ion-option value="peppers">Green Peppers</ion-option>
<ion-option value="mushrooms">Mushrooms</ion-option>
<ion-option value="onions">Onions</ion-option>
<ion-option value="pepperoni">Pepperoni</ion-option>
<ion-option value="pineapple">Pineapple</ion-option>
<ion-option value="sausage">Sausage</ion-option>
<ion-option value="Spinach">Spinach</ion-option>
</ion-select>
</ion-item>
</ion-list>