Question

我在点击按钮时添加下拉列表。当我将它添加到DOM时，这些下拉列表的模型是相同的。

有一个使用ng-repeat创建下拉列表的项目列表。按钮单击时，将使用新项目推送此项目列表。

现在，在向列表添加新下拉列表时，模型每次都是相同的

当我改变任何下降时，它也会改变所有其他下降。

我在寻找：

当我向列表添加新项目时，（该项目将在UI上使用ng-repeat显示为下拉列表）虽然列表中添加的项目模型相同，但在一个下拉列表中选择的项目不应该反思其他。

我理解MVC以及模型如何以角度更新视图。这可能很简单，但我现在觉得很难。

请提供宝贵的帮助。

<div style="border:5px solid grey;" ng-controller="myCtrl" >
 <div ng-repeat="li in list track by $index">

  <span ng-bind-html="li"></span>

 </div>

<input type="button" ng-click="addNewDropDown()" value="Add New Dropdown">

</div>

应用代码是：

(function (){
var app = angular.module('ruleApp', []);

app.config(['$sceProvider', function($sceProvider) {
    $sceProvider.enabled(false);
}]);
app.controller('myCtrl', function($scope) {
$scope.names=['a','b','c','d'];
var dropdown="<select><option ng-repeat="+"x in names"+">{{x}}</option></select>";
$scope.list=[dropdown];
$scope.addNewDropDown=function(){   
    var newDD="<select><option ng-repeat="+"x in names"+">{{x}}</option></select>"; 
    $scope.list.push(newDD);
};  
});


})()

AngularJs下拉动态增加了模型更新的动态问题

0 个答案: