問題的標籤，顯示在angularjs信息

Question

我有在AngularJS顯示的信息，因爲當我使用的標籤ng-bind它工作得很好，但是當我使用這個標記{{}}這是行不通的標籤的問題。

代碼：

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script> 
<!--<script src="static/app/public/js/angular.min.js"></script>--> 
<script src="static/app/js/app.js"></script> 

<div ng-controller="ClientListCtrl"> 
    <table> 
     <tr> 
      <th>ID</th> 
      <th>Nom</th> 
      <th>Age</th> 
      <th>Date</th> 
      <th>Actif</th> 
     </tr> 
     <tr ng-repeat="c in clients"> 
      <td >{{c.id}}</td> 
      <td>{{c.nom}}</td> 
      <td>{{c.age}}</td> 
      <td>{{c.date_creation|date:'d/M/y'}}</td> 
      <td >{{c.actif}}</td> 
     </tr> 
    </table> 
</div> 

Answer 1

我不知道你是什麼樣面臨的問題。我能夠正確運行代碼，無論是使用ng-bind還是使用角度表達式{{}}。

請參閱演示here。

請找到下面的代碼：

HTML：

<div ng-app="app" ng-controller="ClientListCtrl"> 
    <h3> 
With "ng-bind" 
</h3> 
    <table> 
    <tr> 
     <th>ID</th> 
     <th>Nom</th> 
     <th>Age</th> 
    </tr> 
    <tr ng-repeat="c in clients"> 
     <td ng-bind="c.id"></td> 
     <td ng-bind="c.nom"></td> 
     <td ng-bind="c.age"></td> 
    </tr> 
    </table> 
    <br /> 
    <br /> 
    <h3> 
With "Angular expressions" 
</h3> 
    <table> 
    <tr> 
     <th>ID</th> 
     <th>Nom</th> 
     <th>Age</th> 
    </tr> 
    <tr ng-repeat="c in clients"> 
     <td>{{c.id}}</td> 
     <td>{{c.nom}}</td> 
     <td>{{c.age}}</td> 
    </tr> 
    </table> 
</div> 

JS：

var app = angular.module('app', []); 

app.controller('ClientListCtrl', function($scope) { 
    $scope.clients = [{ 
    'id': 1, 
    'nom': 'Abc', 
    'age': 20 
    }, { 
    'id': 2, 
    'nom': 'Pqr', 
    'age': 43 
    }, { 
    'id': 3, 
    'nom': 'Xyz', 
    'age': 32 
    }, { 
    'id': 4, 
    'nom': 'Def', 
    'age': 67 
    }] 
});