If type=1, then I want the url to use the variable {{vm.firstPath}}.
For anything else it should use {{vm.secondPath}}.
Is this doable using a ternary?
When I tried doing this it is not recognised:
{{type==1? <a href="{{vm.firstPath}}">{{vm.name}}</a> : <a href="{{vm.secondPath}}">{{vm.name}}</a>}}
You should use ng-href istead of href for this purpose.
<a ng-href="type == 1 ? 'http://www.google.com' : 'http://www.facebook.com'">Link</a>
var app = angular.module('foo', [])
app.controller('main', function($scope){
$scope.type = 1;
})
JsFiddle : http://jsfiddle.net/nikdtu/b910258t/
<a ng-href="type == 1 ? 'http://www.google.com' : 'http://www.facebook.com'" href="type == 1 ? 'http://www.google.com' : 'http://www.facebook.com'">Link</a>
you can use ng-if directive. try like this:
<a ng-if="type==1" ng-href="{{vm.firstPath}}">{{vm.name}}</a>
<a ng-if="type !=1" ng-href="{{vm.secondPath}}">{{vm.name}}</a>
You need to change code like this-
<a href="{{type==1?vm.firstPath:vm.secondPath}}">{{vm.name}}</a>
Or-
<a href="{{vm.firstPath}}" ng-if="type==1">{{vm.name}}</a>
<a href="{{vm.secondPath}}" ng-if="type!=1">{{vm.name}}</a>
