How to set ng-attr-title using ternary operator in Angularjs?

Question

I am very new to Angularjs. I want to set a value for title attribute, based on a boolean variable.

Sample code attached here.

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

Thanks,

Check this post: http://stackoverflow.com/questions/15696416/what-is-the-best-way-to-conditionally-apply-attributes-in-angular — shershen, May 09 '15 at 10:22
yes, that's exactly what you should use: {{ condition && 'A' || 'B'}} — shershen, May 09 '15 at 10:41

Aakash · Answer 1 · 2015-05-09T10:35:26.497

4

Remove {{}} in condition

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

Only use {{}} if you want to print the value.

Alternatively you can do the following also

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

Link to fiddle

edited May 09 '15 at 10:35

answered May 09 '15 at 10:23

Aakash

1,751
1
14
21

Check the link in the answer. – Aakash May 09 '15 at 10:37
thanks Aakash. class is not a problem. the problem is assign a value to title attribute. but fixed that issue. thanks for your are time. – Deepak raj May 09 '15 at 12:05
3

And where is attr-title in jsfiddle? – Luntegg Jun 08 '16 at 14:43

How to set ng-attr-title using ternary operator in Angularjs?

1 Answers1