javascript - 在 ng-repeat 中访问模型

Question

我在进程上有一个ng-repeat循环。我想要做的是通过带有选择框的表单向当前 process 添加一个新的 block。但是，我的问题是我无法从 Controller 访问循环内的模型。我猜这是因为在 ng-repeat 循环中创建了一个新范围。

我仍然找不到从 Controller 访问模型的方法。以下是 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 Controller

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)"