AngularJS 1.5.8-控制器和作用域

控制器和作用域

控制器

创建和使用控制器

angular.module("exampleApp", [])
	.controller("simpleCtrl", function ($scope) {
		$scope.setAddress = function (type, zip) {
		    $scope[type] = zip;
		}
			
		$scope.copyAddress = function () {
			$scope.shippingZip = $scope.billingZip;
		}
	})

 控制器通过AngularJS的 Module 对象所提供的 controller 方法创建出来。controller 方法的参数是新建控制器的名字和一个将被用于创建控制器的函数。这个函数能够使用 依赖注入 的特性来声明对AngularJS 服务 的依赖。比如几乎每个控制器都要用到的 $scope。

<div ng-controller="simpleCtrl">
	<h4>Billing Zip Code: {
  {billingZip}}</h4>
	<div>
		<input ng-model="zip" />
	</div>
	<button ng-click="setAddress('billingZip', zip)">Save Billing</bu