2017-08-15 84 views
1

我想创建一个内部有3个属性的对象。但是,每次运行代码时,它都只会显示代码表达式。数组和对象如何相互影响?角JS对象vs数组

我的代码:

var app = angular.module("FundAllocation", []); 
 
app.controller("myCtrl", function($scope) { 
 
\t $scope.AllocFunds = [{Name:'Groceries',AllFunds:'2'}, 
 
\t \t \t \t \t \t \t {Name:'Travel',AllFunds:'2'}, 
 
\t \t \t \t \t \t \t {Name:'House',AllFunds:'2'} 
 
\t \t \t \t \t \t \t ]; 
 
}); \t

<div ng-app="app" ng-controller="myCtrl"> 
 
    <div ng-repeat="row in AllocFunds"> 
 
    row: {{row.Name} 
 
    </div> 
 
</div>`

+0

您在'row.name'后面缺少最后一个大括号;在你真实的代码中是否有错字? –

回答

0

你缺少你的HTML {{row.Name}第二大括号。一个缺少的花括号不会显示任何错误,只会显示它的字面意思,在这种情况下“{{row.Name}”。其余的代码看起来很好,应该可以工作。

+0

嗨,大家好,即使我把第二个花括号。它仍然不会工作。 :( –

+0

@ ZackAthonBusiness你可以发布你的完整代码?还可以检查控制台是否显示任何错误。 – moidol

+0

我没有检查控制台,并给了我这个错误:Error:[$ injector:modulerr] http://errors.angularjs。组织/ 1.6.4/$注射器/ modulerr?P0 =应用&P1 =%5B%24injector%3Anomod%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.6.4%2F%24injector%2Fnomod%3Fp0%3Dapp% 0AL%2F%3C%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.4%2Fangular.min.js%3A6%3A425%0AAe%2F%3C%2F%3C%2F% 3C%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.4%2Fangular.min.js%3A26%3A270%0AB%40https%3A%2F%2Fajax.googleapis.com%2Fajax% 2Flibs%2Fangularjs%2F1.6.4%2Fangular.min.js%3A25%3A299%0AAe%2F%3C%2F%3C%40https%3A –