Javascript 使用angularjs1的html选项标记
嗨,我是新的角度和html。我被一个小错误卡住了,在html视图中,我有一个下拉列表,在select标记中有option标记,我用ng repeat显示了一个动态数组,在这个下拉列表中,一切都很好,我有一个条件,就是在我的下拉列表上方有一个文本输入框,上面有一个“添加”按钮,因此一旦我单击“添加”按钮,我在文本框中给出的输入应该反映在下拉列表框中,如果我单击下拉框,则在下拉列表中为该特定添加的输入添加一个选择标记 在这里,我使用了ng modle保存输入,ng if检查ng模型中是否有任何输入,即使这样也可以正常工作。问题是,当我选择一个已经存在于下拉列表中的值时,该特定值将被复制并添加到带有记号的下拉列表中 以下是我的示例代码:Javascript 使用angularjs1的html选项标记,javascript,html,angularjs,Javascript,Html,Angularjs,嗨,我是新的角度和html。我被一个小错误卡住了,在html视图中,我有一个下拉列表,在select标记中有option标记,我用ng repeat显示了一个动态数组,在这个下拉列表中,一切都很好,我有一个条件,就是在我的下拉列表上方有一个文本输入框,上面有一个“添加”按钮,因此一旦我单击“添加”按钮,我在文本框中给出的输入应该反映在下拉列表框中,如果我单击下拉框,则在下拉列表中为该特定添加的输入添加一个选择标记 在这里,我使用了ng modle保存输入,ng if检查ng模型中是否有任何输入,
<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>
是否正在addNewCategory数组中推送新创建的对象?我的意思是如何在数组中添加新值?能否添加用于推入数组的逻辑?由于
ng if
,因此会重复。为什么会这样?无法理解,你想做什么。。。如果你想在下拉列表中的唯一字段,那么你可以使用$filter,它可能会对你有所帮助。我只附上了下拉列表图片。顶部有一个输入框,我正在将键入的值保存在newItem.manufacturer中。因此,如果变量中存在任何值,那么ng if表示该选项。
$scope.addNewCategory =[];
$scope.addNewCategory = $scope.items.unique('Manufacturer');