AngularJS Uncaught ReferenceError: ng-repeat ng-click

Question

I do not know why an error. When you run the ng-click in the ng-repaet, Uncaught ReferenceError occurs. Are you sure you will not know the cause of the click event does not occur?

test.js

var MyApp = angular.module('MyApp', []);

MyApp.controller('MyCtrl', ['$scope', function ($scope) {
    $scope.add = function() {
        alert("add click");
    };

    $scope.list = function() {
        return [{"1": {id: 1, name: "aaa"},
                "2": {id: 2, name: "bbb"},
                "3": {id: 3, name: "ccc"}}];
    }
}]);

test.html

<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.1/angular.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script type="text/javascript" src="test.js"></script>
    <title>Sample</title>
</head>
<body ng-app="MyApp">
    <div class="container" ng-controller="MyCtrl">
        <table class="table table-striped" ng-init="list = list()">
            <tr ng-repeat="element in list">
                <td ng-repeat="nake in element" onclick="add()">{{nake.id}}</td>
            </tr>
        </table>
    </div>
</body>
</html>

Error

Uncaught ReferenceError: add is not defined

Answer 1

You should use the ng-click angular tag, like this:

<td ng-repeat="nake in element" ng-click="add(nake.name)">{{nake.id}}</td>

Check this fiddle to see that it works properly.

Answer 2

您需要使用ng-click指令而不是onclick 。

Answer 3

使用ng-click代替onclick，因为绑定到范围的任何函数都无法通过onclick事件访问。

<td ng-repeat="nake in element" ng-click="add()">

AngularJS Uncaught ReferenceError: ng-repeat ng-click

Question

3 answers

solution1
1 ACCPTED 2014-11-06 07:17:52

solution2
0 2014-11-06 07:09:40

solution3
0 2014-11-06 07:11:09

AngularJS Uncaught ReferenceError: ng-repeat ng-click

Question

3 answers

solution1 1 ACCPTED 2014-11-06 07:17:52

solution2 0 2014-11-06 07:09:40

solution3 0 2014-11-06 07:11:09

solution1
1 ACCPTED 2014-11-06 07:17:52

solution2
0 2014-11-06 07:09:40

solution3
0 2014-11-06 07:11:09