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

发布时间：2020-12-17 06:47:41 所属栏目：安全来源：网络整理

导读：我是 Angularjs的新手.我想基于布尔变量为title属性设置一个值. 此处附带示例代码. tr ng-repeat="doc in $data" ng-class="{{doc.is_today}} ? 'highlight' : ''" ng-attr-title="({{doc.is_today}}) ? 'Today' : ''" td1/td td2/td td3/td td4/td td5/td/t

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!