如何在Angularjs中使用三元运算符设置ng-attr-title?

前端之家收集整理的这篇文章主要介绍了如何在Angularjs中使用三元运算符设置ng-attr-title?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是 Angularjs的新手.我想基于布尔变量为title属性设置一个值.

此处附带示例代码.

<tr ng-repeat="doc in $data" ng-class="{{doc.is_today}} ? 'highlight' : ''" 
                                        ng-attr-title="({{doc.is_today}}) ? 'Today' : ''"> 
     <td>1</td>
     <td>2</td>
     <td>3</td>
     <td>4</td>
     <td>5</td>
</tr>

谢谢,

解决方法

条件中删除{{}}

<tr ng-repeat="doc in $data" ng-class="doc.is_today ? 'highlight' : ''" 
                                        ng-attr-title="doc.is_today ? 'Today' : ''"> 
     <td>1</td>
     <td>2</td>
     <td>3</td>
     <td>4</td>
     <td>5</td>
</tr>

如果要打印值,请仅使用{{}}.

或者,您也可以执行以下操作

<tr ng-repeat="doc in $data" ng-class="{{doc.is_today ? 'highlight' : ''}}" 
                                            ng-attr-title="{{doc.is_today ? 'Today' : ''}}"> 
         <td>1</td>
         <td>2</td>
         <td>3</td>
         <td>4</td>
         <td>5</td>
    </tr>

链接fiddle

猜你在找的Angularjs相关文章