Question

我是棱角分明的新人在以下控制器中，我需要访问我的html中的对象库。但它没有用。任何帮助

＆＃13;

(function () {
    'use strict';


    angular.module('app').controller('BookController', ['$scope', function ($scope) {
    	$scope.book = {
    		id: 1,
    		name: 'Harry Potter',
    		author: 'J. K. Rowling',
    		stores: [
				 { id: 1, name: 'Barnes & Noble', quantity: 3 },
				 { id: 2, name: 'Waterstones', quantity: 2 },
				 { id: 3, name: 'Book Depository', quantity: 5 }
    		]
    	};
    }]);
    });

＆＃13;

	<div ng-controller="BookController">
		
	 	
      {{book.stores}}
	 	</div>

＆＃13;

Answer 1

您需要先在最后的结束括号后和最后的分号前使用()首先调用匿名函数，以便最后一行如下所示：})();。

您应首先定义角度module，然后使用controller，service，factory，directive，{{1}等角度组件进行修改等等。

filters

然后在您的网页上添加angular.module('app', [])。

<强>标记

ng-app="app"

Plunkr Here

<强>更新

如果假设您在<div ng-app="app" ng-controller="BookController"> {{book.stores}} </div>对象中有多个store，并且您想在html上显示它们，那么您可以stores指令。它将重复html上的每个元素

ng-repeat

Updated Plunkr

访问json对象angular内的集合

1 个答案: