2015-06-03 30 views
0

我是角js的新手。我已经在Conditional cell template in ui-grid angularjs之前阅读过这个问题,它绝对适用于我,但我只是想知道如何显示html而不是文本,因为当我试图将其更改为html时,它始终将html显示为文本在angularjs网格单元格模板中绑定html

因为我的英语不好

JS的

感谢和抱歉文件

var columnDefs = [ 
    { 
     field: 'action', 
     displayName: label.action, 
     width : 175, 
     enableCellEdit: false, 
     cellTemplate: '<div>{{grid.appScope.states.showMe(row.entity.j_code, row.entity.branch_cd)}}</div>',    
    }]; 

scope.gridOptions.columnDefs = comlumnDefs; 
$scope.states = { 
    showMe: function(j_code, branch_cd) { 
     template = "<button class='btn-small btn-green btn-add'>Add</button>"; 
     if (j_code != "" && branch_cd != "") { 
      template += "<button class='btn-small btn-green'>Copy</button>"; 
     } 
     return template; 
    } 
}; 

HTML文件

<div id="grid1" class="gridStyle" ui-grid="gridOptions" external-scopes="states" ui-grid-pinning ui-grid-resize-columns ui-grid-pagination ui-grid-edit ui-grid-row-edit ui-grid-cellnav ui-grid-selection ui-grid-exporter></div> 
+0

如果你希望人们提供建议,你应该展示你的代码。 – KreepN

+0

我已编辑我的帖子,这里的问题是它始终显示为文本,我想要的只是显示按钮。请帮忙@KreepN – user3783161

回答

0

我不知道哟你找到了或者没有,但还有其他人访问找到答案。

.Columns(c => 
    { 
    c.Add().DataField("give a name").CellTemplate("<input type=button>"); 
    } 

您可以在该类型中添加复选框或其他函数。