Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs ng类条件不';行不通_Angularjs_Angularjs Directive_Ng Class - Fatal编程技术网

Angularjs ng类条件不';行不通

Angularjs ng类条件不';行不通,angularjs,angularjs-directive,ng-class,Angularjs,Angularjs Directive,Ng Class,我有一个叫做基金的指令。该指令定义如下 return{ restrict: 'E', replace: true, scope: { data: '=', cut: '@' }, templateUrl: 'app/directives/partials/fund.jsp' } 它有一个名为cut的属性。如果设置了剪切,我将应用文本剪切类,如果未设置,则不应用类。如有需要,课程如下: .text-cut{ overflow: hidden; te

我有一个叫做基金的指令。该指令定义如下

return{
  restrict: 'E',
  replace: true,
  scope: {
    data: '=',
    cut: '@'
    },
  templateUrl: 'app/directives/partials/fund.jsp'
}
它有一个名为
cut
的属性。如果设置了剪切,我将应用
文本剪切
类,如果未设置,则不应用类。如有需要,课程如下:

.text-cut{
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis
}
我已尝试将指令用作:

<fund data="myCtrl.fundList" cut="true"></fund>

<fund data="myCtrl.fundList" cut="'true'"></fund>

但这些组合都没有将
文本剪切
类应用于我的基金指令。错误在哪里?

您必须引用
文本剪切。试一试

ng-class="{'text-cut': cut}"

您必须引用
文本剪切
。试一试

ng-class="{'text-cut': cut}"

创建一个函数,根据某些条件返回所需的字符串类。然后在你的ng课上打电话。只要函数返回您想要的css,它就应该工作

$scope.checkCut = function(){
   if(this.cut != null){
      return 'text-cut';
   }
}
在你的指令中

 ng-class="checkCut"

创建一个函数,根据某些条件返回所需的字符串类。然后在你的ng课上打电话。只要函数返回您想要的css,它就应该工作

$scope.checkCut = function(){
   if(this.cut != null){
      return 'text-cut';
   }
}
在你的指令中

 ng-class="checkCut"

谢谢你的解决方案!谢谢你的解决方案!