在angularjs指令中使用ng开关,并在ng grid cellTemplate中使用该指令
我作出了以下指示:在angularjs指令中使用ng开关,并在ng grid cellTemplate中使用该指令,angularjs,angular-ui,ng-grid,Angularjs,Angular Ui,Ng Grid,我作出了以下指示: .directive('getData', function(){ return { restrict: 'C', replace: true, transclude: true, scope: { myData:'@myData' }, template: '<div ng-switch="myData">' +
.directive('getData', function(){
return {
restrict: 'C',
replace: true,
transclude: true,
scope: { myData:'@myData' },
template: '<div ng-switch="myData">' +
'<div ng-switch-when="4">Real Data</div>' +
'<div ng-switch-when="5">False Data</div>' +
'<div ng-switch-default>No Data</div>' +
'</div>'
}
指令('getData',函数(){
返回{
限制:“C”,
替换:正确,
是的,
作用域:{myData:'@myData'},
模板:“”+
“真实数据”+
“虚假数据”+
“没有数据”+
''
}
然后在使用ng grid的网格上,我有一个列,该列有两行,值分别为4和5。我在cellTemplate中为该列提供了以下内容:
cellTemplate: ' < div class="getData" myData="{{row.getProperty(col.field)}}" />'
cellTemplate:“”
问题是两行都显示“无数据”。我想在值为4的单元格上显示“真实数据”,在值为5的单元格上显示“虚假数据”
我做得不对吗?如果有任何帮助,我们将不胜感激。在您的单元格模板中
将我的数据
更改为我的数据
。当使用角度指令时,角度库会自动将驼峰案例转换为短划线案例
例如,如果有一个directive元素定义为“mySuperAwesomeDirective”
,它将使用以下语句在html中声明
这是您的plunker示例的工作版本
根据页面上的示例,尝试将模板中的这一行
更改为
。我尝试了。但结果不正确。您可以设置plunker或JSFIDLE示例吗?很抱歉,回复太晚。这是plunker感谢您的帮助!