demo.html <!doctype html> <html ng-app="freefedApp"> <head> <title>angular应用demo</title> <script src="angular.js"></script> <script src="app.js"></script> </head> <body> <div ng-controller="helloCtrl"> <input ng-model="name" type="text" /> <button ng-click="changeText()">change</button> <div>{{ name }}</div> <div>apiKey:{{ apiKey }}</div> </div> </body> </html>
app.js /*声明module*/ var module = angular.module(‘freefedApp‘,[]).run([‘$rootScope‘,function($rootScope){ /*freefedApp模块内都可以访问到这个模块全局变量*/ $rootScope.apiKey = ‘abcdef97h5‘; }]); /*声明控制器*/ module.controller(‘helloCtrl‘,[‘$scope‘,function($scope){ $scope.name = ‘hello world‘; $scope.changeText = function(){ $scope.name = ‘hello dingdone‘; }; /*监听数据模型的变化*/ $scope.$watch(‘name‘,function(newvalue,oldvalue){ }); }]);
原文：http://www.cnblogs.com/freefed/p/4835504.html