ng 单击“对指令中的表行不起作用”
ng-click not working on table row in a directive
这是这个问题的后续问题:如何让我的模型符合我的指令?
指令正在显示数据,但 ng-click 不执行任何操作。
我的部分页面现在如下所示:
<div>selected user:{{selectedUser.UserName}} </div>
<div user-list data-users="users"></div>
我的指令现在看起来像这样:
tsUui.directive('userList', function(){
return{
restrict: 'A',
template: '<table>'+
'<tr>'+
'<th>User Name</th>'+
'<th>First Name</th>'+
'<th>Last Name</th>'+
'<th>Email Address</th>'+
'</tr>'+
'<tr ng-repeat="user in users" ng-click="selectUser(user)">'+
'<td>{{user.UserName}}</td>'+
'<td>{{user.FirstName}}</td>'+
'<td>{{user.LastName}}</td>'+
'<td>{{user.Email}}</td>'+
'</tr>'+
'</table>',
scope:{
selectedUser: '=',
users: '='
},
link: function (scope, elem, attrs){
scope.selectUser = function(user){
console.log("hi");
selectedUser=user;
};
}
}
});
数据显示正常,但是当我单击一行时没有任何反应:没有控制台日志,所选用户不会更改...无。 我做错了什么?
编辑:控制台正在记录它,但选定的用户绑定不会更改...
显然你必须这样做:
scope.selectedUser=user;
我也把部分改成了这个:
<div>selected user:{{selection.UserName}} </div>
<div user-list data-users="users" selected-user="selection"></div>
相关文章:
- 在IE8中不起作用的元素上触发单击事件
- 删除确认对话框在第一次单击时不起作用
- 链接上的IE10 jquery句柄单击事件不起作用
- 覆盖单击事件不起作用
- 单击事件不起作用
- 设置单击项目符号导航后不起作用的间隔
- 使用jquery插入动态HTML后,单击不起作用
- 单击选项卡时jquery选项卡选择不起作用
- 插入后单击锚点标记上的事件after不起作用
- 单击输入时inputmask不起作用
- 如果语句不起作用,请单击
- 单击事件在jquery easyui多选项卡中不起作用
- 单击时clearInterval不起作用
- 角度2触发器'单击'使用jquery不起作用
- ng-单击在IE中不起作用的选项选择Angularjs
- D3js 饼图单击事件不起作用
- Javascript 在单击时对 setInterval 不起作用
- 响应式 jQuery 不起作用:单击宽度低于 768px 并将鼠标悬停在 768px 上方
- 使用$(document)后jQuery函数不起作用.单击
- Ajax对php的调用不起作用-单击按钮时没有响应