问题的标签，显示在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 
    }] 
});