Javascript 如何将角度重复循环中的值输入到按钮'；什么是onclick方法？

我目前正在进行一个Angular项目，需要获取存储在控制器中的项目的ID。我正在使用以下代码将数据打印到表中（向下编辑以查看问题区域：

    <div ng-app="application" ng-controller="services_controller">
        <table>
            ...
            <tr ng-repeat="x in environment_service_packages | orderBy:'environment'">
                <td>{{x.id}}</td>
                <td><input type="button" onclick="ping({{x.id}});" value="Ping"></td>
                ...
            </tr>
        </table>
    </div>

...
{{x.id}
...

我得到以下错误：

Error: [$compile:nodomevents] http://errors.angularjs.org/1.3.14/$compile/nodomevents
    at Error (native)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:6:417
    at $get.c.push.compile.pre (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:68:382)
    at Z (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:70:149)
    at A (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:59:14)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:299)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:316)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:316)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:50:415
    at $get.h (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:52:283) <input type="button" onclick="ping({{x.id}});" value="Ping">

错误：[$compile:nodomevents]http://errors.angularjs.org/1.3.14/$compile/nodomevents
错误（本机）
在https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:6:417
$get.c.push.compile.pre(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:68:382)
在Z(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:70:149)
至少(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:59:14)
在g(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:299)
在g(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:316)
在g(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:316)
在https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:50:415
在$get.h(https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:52:283) 

显然，onclick部分是错误的。我想知道我正在尝试做的事情是否可以以干净的方式进行。

使用而不是onclick

像这样试试

<input type="button" ng-click="ping(x);" value="Ping">

使用而不是onClick

像这样试试

<input type="button" ng-click="ping(x);" value="Ping">

使用而不是onClick

像这样试试

<input type="button" ng-click="ping(x);" value="Ping">

使用而不是onClick

像这样试试

<input type="button" ng-click="ping(x);" value="Ping">

---

为什么要在

ngClick

上使用

onclick

？为什么要在

ngClick

上使用

onclick

？为什么要在

ngClick

上使用

onclick

？效果很好。感谢您的快速响应。效果很好。感谢快速反应。非常有效。谢谢你的快速反应。非常有效。谢谢你的快速反应。