title: Using ng-attr-href from angular to direct user interaction
body: <p>So what I am trying to do is for an icon (link), the user will have already logged on and there is a property identified that is true or false. Based on whether that property is true or false, when the user clicks that icon (link), it will take them to one of 2 pages. So looking at different directives within angular, thought I could use ng-switch, but that doesn't seem viable so I thought ng-attr-href could do it. Trying something like (this is pseudo code):</p>
  
  <pre><code>&lt;a href="somepage.html" ng-attr-href="object.value: false | goto: "otherpage.html""&gt;&lt;span&gt;&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  
  <p>So this is like an if/else where when user clicks icon and that value true, they go one place, but if false, they go elsewhere. My difficulty is structuring that and how/where the else goes.</p>
  
  <p>Is there a better way to do this than I am thinking based on what I shared?</p>
  
  <p>Thanks much.</p>
  
  <p>Adding to, where could this be wrong?:</p>
  
  <pre><code>                    &lt;a ng-href="{{ ppt.Globals.value == 'false' '#/claimEnter' : '#/clearSwipe' }}"&gt;
                          &lt;img src="ppt/assets/toolIcons/submiticon.svg" &gt;
                          &lt;p&gt;Submit a Claim for Reimbursement&lt;/p&gt;
                      &lt;/a&gt;
  </code></pre>