【问题标题】:Accessing the model inside a ng-repeat在 ng-repeat 中访问模型
【发布时间】:2013-01-23 23:39:35
【问题描述】:

我在processes 上有一个ng-repeat 循环。我要做的是通过带有选择框的表单将新的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});
    };
}

【问题讨论】:

    标签: javascript html angularjs


    【解决方案1】:

    是的,问题是父作用域不能访问由ng-repeat创建的子作用域。

    修改 addBlock 以同时传递 blockType:

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

    【讨论】:

    • 是否有特定的语法来传递“blockType”?还是访问控制器中子作用域的特定命令?
    • @railrailrail,没有特殊语法。函数addBlock() 将获得blockType 值/对象引用/无论它是什么。如果不使用内部 $$... 变量,则无法从控制器的 addBlock() 方法访问子范围——我不建议这样做。
    • 现在可以使用了,谢谢。我仍然试图通过 $scope 访问它。
    猜你喜欢
    • 1970-01-01
    • 2013-01-26
    • 1970-01-01
    • 1970-01-01
    • 2017-10-11
    • 2016-11-17
    • 1970-01-01
    • 1970-01-01
    • 2015-12-10
    相关资源
    最近更新 更多