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"
谢谢你的解决方案!谢谢你的解决方案!