Question

我在ng-repeat上有一个processes循环。我要做的是通过带有选择框的表单向当前block添加新的process。但是，我的问题是我无法从控制器访问循环内的模型。我想这是因为在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});
    };
}

Answer 1

是的，问题是父作用域无法访问由ng-repeat创建的子作用域。

修改addBlock以传递blockType：

ng-submit="addBlock($index, blockType)"

访问ng-repeat内的模型

1 个答案: