Javascript Angular UI Grid：如何将HTML与cellTemplate绑定，并动态构建ng click可以使用的HTML

这是你要的一个扑克牌-

我使用的是controllerAs模式。我一直在使用带有过滤器（$sce）的单元格模板进行清理，然后构建HTML。就我的一生而言，我无法获得ng click注册到我的控制器

我可以将单元格模板更改为cellTemplate:

'X'

->这很有效

是否仍然可以不使用单元格模板并访问控制器？“详细信息”列是我遇到问题的地方

谢谢你的阅读

相关问题-

这是密码-

        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);

                };

var user=this；
user.gridDefs=[{
displayName:“用户ID”，
名称：'userId'，
宽度：“10%”
}, {
姓名：'firstName'，
宽度：“15%”
}, {
名称：“lastName”，
宽度：“15%”
}, {
名称：'电子邮件'，
单元格模板：“”，
宽度：“25%”
}, {
名称：“用户名”，
宽度：“15%”
}, {
名称：'详细信息'，
单元格模板：“”
宽度：“20%”
}, ];
user.gridData=uz.map（dataFromSvc.users，函数（user）{
var buildDetailsString=buildDetails（user.uid）；
变量对象={
“userId”：user.Id，
“firstName”：user.firstName，
“lastName”：user.lastName，
“电子邮件”：“，
“用户名”：user.uid，
“详细信息”：“/Delete”
返回对象；
});
user.deleteUser=函数（uid）{
控制台日志（uid）；
};

这是HTML-

<div id="grid2" ui-grid="{ data: user.gridData, columnDefs:user.gridDefs}" class="grid"></div>

---

回答我自己的问题-

不要清理，在ui网格上使用ng绑定。使用模板管理单元格。这就是我所做的

cellTemplate:dynamicTemplate

---

这足以绑定包含字符串的html

{ field: 'message', displayName : 'Message Description', cellTemplate: '<div ng-bind-html="COL_FIELD"></div>' }

{field:'message'，displayName:'messagedescription'，cellTemplate:'}

如果你能创建一个plunkr，我会看一看它。我花了一段时间才让它工作起来——看起来你用cellTemplate做得很好。你不想使用它有什么原因吗？这就是它的用途……如果你不喜欢js中的HTML，你可以同样轻松地使用外部文件……我向用户展示了不同的选项s介于查看和删除之间，具体取决于它们所扮演的角色。我只是认为不在模板中执行此操作会更容易。我想，请删除筛选器，在单元格模板的周围添加一个条件。