使用angularjs1

时间:2018-05-28 11:26:56

标签: javascript html angularjs

嗨,我是角度和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');

This is my output: Here i have selected Healthcare were that value is duplicated in the top with a tick mark

0 个答案:

没有答案