Verwenden von ternären mit href in AngularJS

Question

Wenn type=1, dann möchte ich die URL die Variable {{vm.firstPath}} verwenden. Für alles andere sollte es {{vm.secondPath}} verwenden.

Ist dies mit einem ternären machbar?

Als ich versuchte, dies zu tun es nicht erkannt wird:

{{type==1? <a href="{{vm.firstPath}}">{{vm.name}}</a> : <a href="{{vm.secondPath}}">{{vm.name}}</a>}} 

Answer 1

sollten Sie verwenden ng- href anstelle von href für diesen Zweck.

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

Answer 2

Sie müssen den Code ändern, wie 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> 

Answer 3

können Sie ng-if-Direktive verwenden. versuchen Sie es so:

<a ng-if="type==1" ng-href="{{vm.firstPath}}">{{vm.name}}</a> 
    <a ng-if="type !=1" ng-href="{{vm.secondPath}}">{{vm.name}}</a>