zoukankan      html  css  js  c++  java

  • 使用requirejs来管理angularJS依赖示例

    有关requirejs是什么在这里不做解释，只用纯代码实战让你感受requirejs依赖管理的强大。

    一、首先要先下载require.js,然后整一个入口文件main.js包括了对其他js的引用。

    [javascript] view plain copy print?
    1. //配置依赖  
    2. require.config({  
    3.     paths: {  
    4.       "angular":"angular"  
    5.     },  
    6.     shim:{  
    7.         "angular": {  
    8.             "deps":[],  
    9.             "exports": "angular"  
    10.         }  
    11.     }  
    12.   });  
    13.   
    14. //定义模块  
    15. define([  
    16.     'angular',  
    17.     'controller'  
    18.     ], function (angular) {      
    19.     
    20.     angular.module('HelloModel', ['HelloCtrls']);  
    21.   
    22.     return {  
    23.         angularModules: [ 'HelloModel' ]  
    24.     };      
    25.       
    26. });  



    二、定义angular中的控制器模块controller.js

    [javascript] view plain copy print?
    1. define([ 'angular' ], function(angular) {  
    2.   
    3.     var componentCtrls = angular.module('HelloCtrls', []);  
    4.   
    5.      componentCtrls.controller('helloCtrl', [ '$scope', function($scope) {  
    6.         $scope.greet = "hello world";  
    7.       } ]);  
    8.   
    9.     return componentCtrls;  
    10. });  



    三、新建一个index.html文件测试

    [html] view plain copy print?
    1. <!DOCTYPE html>  
    2. <html ng-app="HelloModel">  
    3. <head>  
    4. <meta charset="UTF-8">  
    5. <title>Insert title here</title>  
    6.   
    7. <script src="js/require.js" data-main="js/main" defer async="true" ></script>  
    8. </head>  
    9. <body ng-controller="helloCtrl">  
    10.   
    11. {{greet}}  
    12.   
    13. </body>  
    14. </html>  



    四、文件组织结构

        

  • 相关阅读:
    oracle case when的使用方法
    php数字，字符，对象判断函数
    php is_dir 判断是否为目录
    mysql服务器查询慢原因分析与解决方法
    php生成html文件的多种方法介绍
    php mysql mysqli区别比较详解
    C++定时器用法(已经封装成类)
    获取远程计算机MAC
    批量获取远程计算机MAC
    c++封装日志类
  • 原文地址：https://www.cnblogs.com/huangshikun/p/7149890.html
Copyright © 2011-2022 走看看