Question

我会用Angular变量打印一个字符串。

<script>
var app = angular.module('monApp',[]);
app.controller('Controleur',function($scope){$scope.infos={
    "prenom": "Jean",
    "nom": "Dupont",
    "dateNaissance": new Date(1991,11,1)
    };
}


</script>

我想打印Hello Jean Dupont，出生于“1991-11-30T23：00：00.000” 我已尝试过很多方法在网上打印，但没有结果。

<body data-ng-app="monApp" class ="ng-scope">
    <div data-ng-controller="Controleur" class ="ng-scope" ><p>Hello {{prenom}} {{scope.infos[1], born on {{scope.infos[2]}}</p></div>

</body></html>

Answer 1

您将数据与范围infos变量相关联，因此正确使用将是：

<div data-ng-controller="Controleur" class ="ng-scope" ><p>Hello {{infos.prenom}} {{infos.nom}}, born on {{infos.dateNaissance}}</p></div>

提示：如果您不想在插入数据后更改数据，则可以使用Angular的一次性绑定，这将提高性能

<div data-ng-controller="Controleur" class ="ng-scope" ><p>Hello {{::infos.prenom}} {{::infos.nom}}, born on {{::infos.dateNaissance}}</p></div>

Answer 2

$scope.infos是Object而非Array，您应该选择$scope.infos['propertyName']或$scope.infos.propertyName

查看：

<div ng-app="app">
  <div ng-controller="Controller">
    <p>Hello {{infos.prenom + ' ' + infos.nom + ', born on ' + infos.dateNaissance}}</p>
  </div>
</div>

控制器：

var app = angular.module('app', []);
app.controller('Controller', function($scope) {
  $scope.infos = {
    "prenom": "Jean",
    "nom": "Dupont",
    "dateNaissance": new Date(1991,11,1)
    };
});

参见示例：Here

打印数组元素AngularJS

2 个答案: