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

时间:2015-05-09 10:19:40

标签: angularjs

我对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>

谢谢,

1 个答案:

答案 0 :(得分:4)

在条件

中删除{{}}
<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