相关疑难解决方法(0)

我在其他帖子中已经阅读过它,但我无法理解.

我有一个阵列,

$scope.items = [
   {ID: '000001', Title: 'Chicago'},
   {ID: '000002', Title: 'New York'},
   {ID: '000003', Title: 'Washington'},
];

我想将其渲染为:

<select>
  <option value="000001">Chicago</option>
  <option value="000002">New York</option>
  <option value="000003">Washington</option>
</select>

而且我想选择ID = 000002的选项.

我已经阅读过选择并试过了,但我无法弄明白.

我有这种一级树情况:

<select ng-model="tipost" 
        ng-options="tip.DESC group by tip.TIPIS for tip in tipall"><br>
</select>

json在哪里:

[
  {"ID":"1", "IDPARENT":"0", "TIPIS":"", "DESC":"GroupName1"},
  {"ID":"2", "IDPARENT":"1", "TIPIS":"GroupName1", "DESC":"CHILDNAME1"},
  {"ID":"3", "IDPARENT":"0", "TIPIS":"", "DESC":"GroupName2"}
]

问题是,这会创建带有子项的optgroups,但也重复根:

- GroupName1
- GroupName2
[ GroupName1 ]
- CHILDNAME1
[ GroupName2 ]

我想生产:

[ GroupName1 ]
- CHILDNAME1
[ GroupName2 ]

我有一个对象如下.我必须将其显示为下拉列表:

var list = [{id:4,name:"abc"},{id:600,name:"def"},{id:200,name:"xyz"}]

在我的控制器中,我有一个带有值的变量.此值决定默认情况下在下拉列表中选择数组中上述三项中的哪一项:

 $scope.object.setDefault = 600;

当我创建一个下拉表单项时,如下所示:

<select ng-model="object.setDefault" ng-options="r.name for r in list">                 

我面临两个问题:

1. 该列表生成为

   <option value="0">abc</option>
   <option value="1">def</option>
   <option value="2">xyz</option>
   

   Run Code Online (Sandbox Code Playgroud)

   代替

   <option value="4">abc</option>
   <option value="600">def</option>
   <option value="200">xyz</option>
   

   Run Code Online (Sandbox Code Playgroud)

2. 默认情况下,没有选项被选中,即使我有 ng-model="object.setDefault"

如何呈现以下选项列表的值？

$scope.limits = [ {value:  '5', text: 'Afficher 5 par page'},
                  {value: '10', text: 'Afficher 10 par page'},
                  {value: '15', text: 'Afficher 15 par page'},
                  {value: '20', text: 'Afficher 20 par page'}
                ];

<select id="limitType" name="limit" ng-model="limit" ng-options="limit.value as limit.text for limit in limits"></select> enregistrement par page

预期结果(期望值="limit.value":

<select ng-options="option.value as option.text for option in limits" ng-model="limit" id="limitType" class="ng-pristine ng-valid">
    <option value="5" selected="selected">Afficher 5 par page</option>
    <option value="10">Afficher 10 par page</option>
    <option value="15">Afficher 15 par page</option>
    <option value="20">Afficher 20 par …

将输入值绑定到ng模型时,如下所示:

<input type="text" ng-model="array">

如何将输入文本绑定为数组？因此,如果我输入one, two, three,结果模型将是[ "one","two","three ].

现在这就是我实现这个目标的方式:

<input type="text" ng-model="string" ng-change="convertToArray()">

在我的控制器中:

$scope.convertToArray = function(){
    $scope.array = $scope.string.split(',');
}

它工作正常,但我不认为这是最好的做法,因为我正在制作一个$scope.string变量,然后硬编码目标数组.

是否可以将输入的模型设置为数组,然后在绑定到范围之前让输入通过函数？

我有以下数组:

[{code: "AF", name: "Afghanistan"}, {code: "ZA", name: "South Africa"}, {code: "AL", name: "Albania"}]

我有一个选择,并希望仅在所选对象的代码属性而不是整个对象上绑定我的ng模型.但另一方面,我希望我的选择只显示名称(而不是代码).另外,我想如果我将ng-model设置为代码,它会在选择中预先选择名称.

我试过以下(玉)

select(ng-model='myCountry', ng-options='country.name for country in countries track by country.name')

在这里,我的ng-model获取整个对象(myCountry = {code:"AF",名称:"Afghanistan"})而不仅仅是代码(myCountry ="AF")

有可能吗？