![](/img/trans.png)
[英]Accessing and refreshing AngularJS ng-repeat inside ng-repeat
[英]Accessing the model inside a ng-repeat
我在processes
有一个ng-repeat
循环。 我想做的是通过带有选择框的表单向当前process
添加一个新block
。 但是,我的问题是我无法从控制器访问循环内的模型。 我猜这是因为在ng-repeat
循环中创建了新作用域。
仍然我找不到从控制器访问模型的方法。 这是html和javascript代码段,可让您更好地理解问题。
<div class="container" ng-controller="ProcessCtrl">
<div class="process" ng-repeat="process in processes">
<form class="form-inline" ng-submit="addBlock($index)">
<select ng-model="blockType">
<option value="1">type1</option>
<option value="2">type2</option>
<option value="3">type3</option>
</select>
<button type="submit">add</button>
</form>
</div>
</div>
angularjs控制器
function ProcessCtrl($scope, $filter) {
//...
$scope.addBlock = function(index) {
alert($scope.blockType); // undefined
$scope.processes[index].blocks.push({type: $scope.blockType});
};
}
是的,问题在于父作用域无法访问ng-repeat创建的子作用域。
修改addBlock以也传递blockType:
ng-submit="addBlock($index, blockType)"
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.