在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感谢您的帮助!