嗨,我是角度和HTML的新手。我陷入了一个小错误,我在html视图中下拉选择标签内的选项标签,我已经使用ng-repeat显示动态数组,下拉一切运行良好,我有一个条件是有我的下拉菜单上方的一个文本输入框,带有一个添加按钮,所以一旦我点击添加按钮,我在文本框中给出的输入应该反映在下拉框中,如果我在下拉列表中选择标记到该特定添加的输入点击下拉框。
这里我使用ng-modle保存输入和ng-if检查ng-model中是否有任何输入,即使这样也可以。问题是当我选择一个已经存在于下拉列表中的值时,特定值被复制并添加到带有刻度线的下拉列表中。
以下是我的示例代码:
<select ng-model="newItem.Manufacturer" style="font-size: 15px; padding: 0px 25px;" class="form-control">
<option value="">--Select Category--</option>
<option ng-if="newItem.Manufacturer">{{newItem.Manufacturer}}</option>
<option ng-repeat="abcc in addNewCategory" value={{abcc.Manufacturer}}>{{abcc.Manufacturer | camelCase }}</option>
</select>
addNewCatgory是包含整个对象的变量..我只接受制造商并在下拉列表中显示它。 newItem.Manufacturer是我存储新输入的值,newItem已经在controller.js文件中初始化。
这是两行代码,我将对象推送到addNewCategory:
$scope.addNewCategory =[];
$scope.addNewCategory = $scope.items.unique('Manufacturer');