Angular UI Grid:如何将HTML与cellTemplate绑定,并动态构建ng-click工作的HTML
Angular UI Grid: How to bind HTML with the cellTemplate, AND dynamically build HTML that ng-click works on
这是按要求进行的 plunker-http://plnkr.co/edit/tIkBFO?p=preview
我正在使用控制器作为模式。我一直在使用带有过滤器($sce)的单元格模板来清理,然后构建HTML。在我的一生中,我无法让 ng-click 注册到我的控制器。
我可以将单元格模板更改为单元格模板:'<button ng-click="grid.appScope.user.delete(''works!'')">X</button>'
->这有效。
无论如何不使用单元格模板并且仍然可以访问控制器吗?详细信息列是我遇到问题的地方。
感谢您的阅读!
相关问题-https://github.com/angular-ui/ui-grid/issues/4116
https://github.com/angular-ui/ui-grid/issues/4886
这是代码-
var user = this;
user.gridDefs = [{
displayName: 'User ID',
name: 'userId',
width: "10%"
}, {
name: 'firstName',
width: "15%"
}, {
name: 'lastName',
width: "15%"
}, {
name: 'email',
cellTemplate: '<div ng-bind-html="COL_FIELD |trustedclean"></div>',
width: "25%"
}, {
name: 'username',
width: "15%"
}, {
name: 'details',
cellTemplate:'<div ng-bind-html="COL_FIELD |trustedclean"></div>'
width: "20%"
}, ];
user.gridData = _.map(dataFromSvc.users, function(user) {
var buildDetailsString = buildDetails(user.uid);
var object = {
'userId': user.Id,
'firstName': user.firstName,
'lastName': user.lastName,
'email': '<a href='"mailto:' + user.primaryEmail + ''">' + user.primaryEmail + '</a>',
'username': user.uid,
'details': '<div><a href='"#/viewuser/'+user.uid+'/true'">View</a>/<a ng-click='"user.deleteUser('+user.uid+')'">Delete</a></div>'
return object;
});
user.deleteUser = function(uid) {
console.log(uid);
};
这是 HTML-
<div id="grid2" ui-grid="{ data: user.gridData, columnDefs:user.gridDefs}" class="grid"></div>
这
足以绑定包含 html 的字符串
{ field: 'message', displayName : 'Message Description', cellTemplate: '<div ng-bind-html="COL_FIELD"></div>' }
回答我自己的问题-
不要消毒,并在ui-grid上使用ng-bind。使用模板管理单元格。这就是我所做的。
cellTemplate:dynamicTemplate
相关文章:
- 使用jQuery根据动态生成的html动态添加html
- HTML动态更新滑块输入
- 无法从HTML动态表中获取数据
- Python/JavaScript/HTML 动态创建计算机网络图
- 从 html 动态调用 javascript 对象函数
- 通过内部HTML动态创建日历不起作用
- 如何将节点内容从 xml 复制到硬编码的 html(动态到原始 html)
- 为什么我无法使用jQuery将HTML动态添加到页面
- 如何读取html表中复选框的值,该表是作为内部html动态插入到表单元格中的
- 如何使用Javascript获取HTML动态用户输入的值
- 从html动态加载angularjs控制器
- Html动态错误javascript Uncaught TypeError:$不是函数
- 如何将html动态嵌入到框架标记中
- HTML动态裁剪
- 使用jQuery和HTML动态创建标签,并使用jQuery访问其文本值
- HTML动态/响应式元素定位
- 我如何使用下面的html动态创建wordcloud为我的android应用程序
- 使用.html()动态更改数据后单击function
- JavaScript中的Html动态表
- JS/HTML——动态创建带有选项的select元素