In AngularJS, come faccio a ricopiare facoltativamente l'articolo in un collegamento

Question

Ho una persona con un nome e una pagina iniziale opzionale. Come posso opzionalmente avvolgere il loro nome in un tag di ancoraggio?

<ul ng-repeat='person in people'> 
    <li> 
    <a href="{{person.website}}"> 
     {{person.name}} 
    </a> 
    </li> 
</ul> 

o nel caso in cui person.website è nulla

<ul ng-repeat='person in people'> 
    <li> 
    {{person.name}} 
    </li> 
</ul> 

In rotaie vorrei utilizzare il metodo <%= link_to_unless person.website.blank?, seller.name, seller.website %>

Come faccio a fare questo in AngularJS?

Answer 1

Si potrebbe aggiungere la seguente funzione alla vostra portata:

$scope.linkToUnless = function(condition, label, href) { 
    return condition ? '<a href="'+href'+">'+label+'</a>' : label; 
}; 

o si potrebbe rielaborare il codice HTML a qualcosa di simile:

<ul ng-repeat='person in people'> 
    <li> 
    <a href="{{person.website}}" ng-if="person.website"> 
     {{person.name}} 
    </a> 
    <span ng-if="!person.website"> 
     {{person.name}} 
    </span> 
    </li> 
</ul> 

(solo una nota ispirata dal commento di OP, ng-if è disponibile solo da 1.1.5 anugolare, per le versioni precedenti utilizzare ng-show e ng-hide invece

oppure potresti scrivere una direttiva personalizzata e usarla come:

<link-to-if href="person.website" label="person.name" />