控制器与模型

先走通一个案例

<!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";
}
controller.js

 

模块：

module 方法的第一个参数为模块的名称，第二个参数为它的依赖模块列表。我们创建了一个独立的模块，不依赖于其它模块。所以第二个参数为空数组（注意：即使它为空，我们也必须填写这个参数。否则，该方法回去检索之前的同名模块）。

//定义模块
//也叫模型 结构 ：
// ngRoute代表导入angular-route的脚本文件
    var app = angular.module("myApp",['ngRoute']);

//控制器,注入一个控制器
    app.controller("testCtrl",testController);
module.js

 

posted @ 2017-03-30 02:42  最爱小虾  阅读(167)  评论(0)  编辑  收藏  举报