我有一个名为Fund的有角度的指示。该指令定义如下。
return{
restrict: 'E',
replace: true,
scope: {
data: '=',
cut: '@'
},
templateUrl: 'app/directives/partials/fund.jsp'
}
它具有名为的属性cut。如果设置了cut，则我将应用text-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属性：
ng-class="text-cut: cut"
ng-class="text-cut: 'cut'"
ng-class="{text-cut: cut}"
ng-class="{text-cut: 'cut'}"
ng-class="text-cut: cut===true"
ng-class="text-cut: 'cut'===true"
ng-class="{text-cut: cut===true}"
ng-class="{text-cut: 'cut'===true}"
但是这些组合都没有将text-cut类别应用于我的基金指令。错误在哪里？
你必须报价text-cut。尝试
ng-class="{'text-cut': cut}"
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句