控制器与模型
先走通一个案例
<!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>
控制器:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
//测试 function testController($scope){ //在一个控制器里,订制一个msg属性,并且赋值 $scope.msg="Test Controller"; }
模块:
module 方法的第一个参数为模块的名称,第二个参数为它的依赖模块列表。我们创建了一个独立的模块,不依赖于其它模块。所以第二个参数为空数组(注意:即使它为空,我们也必须填写这个参数。否则,该方法回去检索之前的同名模块)。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
//定义模块 //也叫模型 结构 : // ngRoute代表导入angular-route的脚本文件 var app = angular.module("myApp",['ngRoute']); //控制器,注入一个控制器 app.controller("testCtrl",testController);
只有在泥泞的道路上才能留下脚印