title: Cleaner way to provide different href URLs on ng-repeat?
body: <p>I am using hide and show to display different href links on ng-repeat depending if the userid exists on routeParams. The image inside the href tag is the same for both conditions. </p>
  
  <p>For example:</p>
  
  <pre><code>&lt;div ng-repeat="trip in trips"&gt;
      // If userid exists, the user is authenticated so provide userid on url
      &lt;a ng-show="userid" ng-href="#/trip/{{trip.tripid}}/user/{{userid}}"&gt;
          // Same exact image as in ng-hide
          &lt;img ng-src="trip.jpg" width="200" height="200" alt="Trip Photo"&gt;
      &lt;/a&gt;
     // If userid does not exist, the user is not authenticated so no userid on url
      &lt;a ng-hide="userid" ng-href="#/trip/{{trip.tripid}}/"&gt;
          // Same exact image as in ng-show
          &lt;img ng-src="trip.jpg" width="200" height="200" alt="Trip Photo"&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I feel there is a less redundant way to avoid using ng-show and ng-hide just to change the URL and writing duplicate image tags inside the anchor tag.</p>