Posso interrompere il binding angolare senza riuscire in silenzio?

Question

Ho la seguente tabella di markup:

<tr ng-repeat="client in clientsIndex"> 
    <td>{{client.fullName}}</td> 
    <td>{{item.contactPhone}}</td> 
</tr> 

Quando la vista per questo rende, vedo solo una colonna è popolata, ma nulla registrato nella console. C'è un modo che posso dire angolare questa è una sessione di debug, e mi piacerebbe vedere grandi messaggi di errore urlando se faccio un errore di copia e incolla?

Answer 1

Sicuramente nel momento in cui viene valutata l'espressione {{}}, qualsiasi cosa può produrre un valore non vuoto almeno?

A partire da Angular 1.1.5 è disponibile il supporto per gli operatori ternari nei modelli. Così si può definire qualcosa di simile per ottenere un valore predefinito se undefined:

<tr ng-repeat="client in clientsIndex"> 
    <td>{{client.fullName}}</td> 
    <td>{{item.contactPhone ? item.contactPhone : 'Error: not defined'}}</td> 
</tr> 

La struttura generale è: {{(condition) ? (expression if true) : (expression if false)}}.

Answer 2

Per scopi di debug è possibile selezionare l'elemento utilizzando qualsiasi selettore angular.element ("") e vedere l'ambito di quell'elemento per verificare che la variabile a cui si sta tentando di accedere all'interno dell'elemento sia all'interno dell'ambito disponibile per quell'elemento. Trova l'esempio qui sotto. Ho usato un selettore di id che puoi usare un selettore di bambini.

<tr id="canbeReplacedWithChildSelectors" ng-repeat="client in clientsIndex"> 
<td>{{client.fullName}}</td> 
<td>{{item.contactPhone}}</td> 
</tr> 

angular.element ("#") canbeReplacedWithChildSelectors. Portata() eseguire questo e controllare client.fullName è disponibile nel tuo caso scope.in angular.element ("#") canbeReplacedWithChildSelectors. Portata(). il cliente ti darebbe undefined.