AngularJS - 无法在点击时检测到事件

时间:2017-08-30 15:42:54

标签: javascript jquery angularjs

我正在使用angular进行我的第一步,我只想在点击它时简单地清除输入文本的内容。这是标记

<div ng-app="myApp" ng-controller="myCtrl">

First Name: <input id="123" type="text" ng-click="unsetValue($e)" ng-model="firstName"><br>
Last Name: <input id="456" type="text" ng-click="unsetValue($e)" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}

</div>

这是外部文件中的js

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

app.controller('myCtrl', function($scope) {
$scope.firstName= "John";
$scope.lastName= "Doe";

$scope.unsetValue = function($event) {
    console.log($event);
}

当我点击控件时,$ event未定义,任何想法为什么?

感谢 中号

2 个答案:

答案 0 :(得分:0)

您必须以这种方式致电ng-clickng-click="unsetValue($event)"

<强>更新

稍后在函数中,您可以根据需要命名参数:

$scope.unsetValue = function(e) {
    console.log(e);
}

答案 1 :(得分:0)

传入的变量的名称是$event,而不是$e

所以你需要像这样使用ng-click

ng-click="unsetValue($event)"

其余代码没问题。