angularjs – ng-repeat中ng-click调用的赋值表达式的行为

发布时间：2020-12-17 08:43:18 所属栏目：安全来源：网络整理

导读：我正在尝试使用ng点击附加到 p更新我的模型。我在ng-repeat外部的赋值表达式没有问题，或者在ng-repeat中调用scope方法。但是，如果我在ng-repeat中使用赋值，它似乎被忽略。我没有看到在Firefox控制台中报告的任何消息，但没有尝试设置断点，以查看该事件

我正在尝试使用ng点击附加到< p>更新我的模型。

我在ng-repeat外部的赋值表达式没有问题，或者在ng-repeat中调用scope方法。但是，如果我在ng-repeat中使用赋值，它似乎被忽略。我没有看到在Firefox控制台中报告的任何消息，但没有尝试设置断点，以查看该事件是否被触发。

<!DOCTYPE html>
<html>
<head>
    <title>Test of ng-click</title>
    <script type='text/javascript' src='http://code.angularjs.org/1.1.1/angular.js'></script>
    <script type='text/javascript'>//<![CDATA[ 

        function MyCtrl($scope) {
            $scope.selected = "";
            $scope.defaultValue = "test";
            $scope.values = ["foo","bar","baz"];

            $scope.doSelect = function(val) {
                $scope.selected = val;
            }
        }
        //]]>  

    </script>
</head>

<body ng-app>
    <div ng-controller='MyCtrl'>
        <p>Selected = {{selected}}</p>
        <hr/>
        <p ng-click='selected = defaultValue'>Click me</p>
        <hr/>
        <p ng-repeat='value in values' ng-click='selected = value'>{{value}}</p>
        <hr/>
        <p ng-repeat='value in values' ng-click='doSelect(value)'>{{value}}</p>
    </div>
</body>
</html>

小提琴是here，如果你喜欢(以及一些早期的变种)。

指令ngRepeat为每次迭代创建一个新的作用域，因此您需要在父作用域中引用您的变量。

使用$ parent.selected = value，如：

<p ng-repeat='value in values' ng-click='$parent.selected = value'>{{value}}</p>

注意：函数调用由于原型继承而传播。

如果你想了解更多：The Nuances of Scope Prototypal Inheritance。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!