Comportamento da expressão de atribuição invocada por ng-click dentro de ng-repeat

Question

Mar 13, 2013, 03:39 PM

Comportamento da expressão de atribuição invocada por ng-click dentro de ng-repeat

Estou tentando atualizar meu modelo usandong-click anexado a um<p>.

Eu não tenho nenhum problema com uma expressão de atribuiçãolado de fora de umng-repeat, ou com a chamada de um método de escopodentro ang-repeat. No entanto, se eu usar uma tarefadentro ang-repeat, parece ser ignorado. Eu não vejo nenhuma mensagem relatada no console do Firefox, mas não tentei definir pontos de interrupção para ver se o evento está sendo disparado.

<!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>

Violino éAqui, se preferir (juntamente com algumas variantes anteriores).