zoukankan      html  css  js  c++  java
  • AngularJs 特性 之 模块化

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript" src="../../jslib/angular.min-1.5.8.js"></script>
    </head>
    <body>
        <div ng-app="myApp" ng-controller="myCtrl">
            <h1>{{clock}}</h1>
        </div>
        <script type="text/javascript">
            var app = angular.module('myApp', []);
            app.controller('myCtrl', function($scope,$timeout) {
                var updateClock = function () {
                    $scope.clock = new Date();
                    $timeout(function () {
                        updateClock();
                    },1000);
                };
                updateClock();
            });
    
        </script>
    </body>
    </html>
    var app = angular.module('myApp', []);
    使用angular.module创建模块,第一个参数是模块名,第二个参数是依赖的其他模块
    如果只有一个参数,表示获取某个模块

    app.controller

    使用模块的controller方法,生成控制器,第一个参数是控制器名,第二个参数是控制器的具体代码,封装到了一个function中


  • 相关阅读:
    电影观后感
    自定义内存管理
    web.xml配置详解
    Annotation
    Centos中yum方式安装java
    linux下添加用户并赋予root权限
    Injector
    Container
    GlassFish的安装与使用(Windows)
    Version Control
  • 原文地址:https://www.cnblogs.com/sherrykid/p/5730660.html
Copyright © 2011-2022 走看看