先走通一个案例
<!DOCTYPE html> <html lang="zh-cn" data-ng-app="myApp"> <!--myApp这里要和module模型里的名称一样--> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <title>angularjs</title> <script src="../../angular.js"></script> <!--路由--> <script src="scripts/angular-route.js"></script> <!--控制器--> <script src="controller.js"></script> <!--模型--> <script src="module.js"></script> </head> <body class="container"> <header class="page-header"><h1>index</h1></header> <section> <div ng-controller="testCtrl"> {{msg}} </div> </section> </body> </html>
控制器：
//测试 function testController($scope){ //在一个控制器里，订制一个msg属性，并且赋值 $scope.msg="Test Controller"; }
模块：
module 方法的第一个参数为模块的名称，第二个参数为它的依赖模块列表。我们创建了一个独立的模块，不依赖于其它模块。所以第二个参数为空数组（注意：即使它为空，我们也必须填写这个参数。否则，该方法回去检索之前的同名模块）。
//定义模块 //也叫模型 结构 ： // ngRoute代表导入angular-route的脚本文件 var app = angular.module("myApp",['ngRoute']); //控制器,注入一个控制器 app.controller("testCtrl",testController);