字符串模板上的onclick事件语法错误

Question

返回模板上的onclick事件没有做任何事情

{
field: '',
title: '',
width: '80px',
template: function (record) {
return (
'  <a href="javascript:void(0);" class="btn btn-xs btn-success margin-top-5 margin-bottom-5 btn-lg, btn-sucess"  ng-class="btnClass" ng-click="console.log(record)"> <span>Add</span> </a>'
);
}
},

尝试更改a标签的字符串，仍然无法调用ng-click方法。

Answer 1

你有"javascript:void(0)";这是JavaScript中的一个返回undefined的函数。当你点击它，它不会做任何事情。只要改变href="#"同时更新ng-click以防止默认值:

href="#" ng-click="$event.preventDefault();console.log(record)"

查看更多信息:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/void