欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

AngularJS使用angular.bootstrap完成模塊手動加載的方法分析

 更新時間：2017年01月19日 10:38:16   作者：aitangyong  
這篇文章主要介紹了AngularJS使用angular.bootstrap完成模塊手動加載的方法,結(jié)合實例形式分析了angular.bootstrap函數(shù)手動加載模塊的步驟與相關(guān)操作技巧,需要的朋友可以參考下

本文實例分析了AngularJS使用angular.bootstrap完成模塊手動加載的方法。分享給大家供大家參考，具體如下：

之前我們看到使用ng-app指令，可以實現(xiàn)模塊的自動加載。現(xiàn)在我們看下，angular中如何手動加載模塊。需要使用到angular.bootstrap這個函數(shù)。

<html>
  <head>
    <script src="angular.js"></script>
    <script>
    // 創(chuàng)建moudle1
    var rootMoudle = angular.module('moudle1', []);
    rootMoudle.controller("controller1",function($scope){$scope.name="aty"});
    // 創(chuàng)建moudle2
    var m2 = angular.module('moudle2', []);
    m2.controller("controller2",function($scope){$scope.name="aty"});
    // 頁面加載完成后,再加載模塊
    angular.element(document).ready(function() {
      angular.bootstrap(document.getElementById("div1"),["moudle1"]);
      angular.bootstrap(document.getElementById("div2"),["moudle2"]);
    });
  </script>
  <head>
  <body>
    <div id="div1" ng-controller="controller1">div1:{{name}}</div>
    <div id="div2" ng-controller="controller2">div2:{{name}}</div>
  </body>
</html>

IE運行這個網(wǎng)頁，發(fā)現(xiàn)變量能夠被angular框架正確解析；F12發(fā)現(xiàn)控制臺也沒有報錯誤。到這里為止，我們知道了如何加載angular的模塊，也明白了手動加載和自動加載的區(qū)別。接下來，我們就可以去繼續(xù)學習AngularJS框架的其他知識。

更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《AngularJS入門與進階教程》及《AngularJS MVC架構(gòu)總結(jié)》

希望本文所述對大家AngularJS程序設計有所幫助。

相關(guān)文章

  • angularJS1 url中攜帶參數(shù)的獲取方法

    angularJS1 url中攜帶參數(shù)的獲取方法

    今天小編就為大家分享一篇angularJS1 url中攜帶參數(shù)的獲取方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-10-10
  • Angular設置別名alias的方法

    Angular設置別名alias的方法

    這篇文章主要介紹了Angular設置別名alias及打包命令的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-11-11
  • angularjs 源碼解析之scope

    angularjs 源碼解析之scope

    $scope 的使用貫穿整個 Angular App 應用,它與數(shù)據(jù)模型相關(guān)聯(lián),同時也是表達式執(zhí)行的上下文.有了 $scope 就在視圖和控制器之間建立了一個通道,基于作用域視圖在修改數(shù)據(jù)時會立刻更新 $scope,同樣的 $scope 發(fā)生改變時也會立刻重新渲染視圖.
    2016-08-08
  • angularJS?實現(xiàn)長按不觸發(fā)點擊事件可以復制剪貼方法

    angularJS?實現(xiàn)長按不觸發(fā)點擊事件可以復制剪貼方法

    這篇文章主要為大家介紹了angularJS實現(xiàn)長按不觸發(fā)點擊事件可以復制剪貼方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2023-06-06
  • 簡單講解AngularJS的Routing路由的定義與使用

    簡單講解AngularJS的Routing路由的定義與使用

    這篇文章主要介紹了AngularJS的Routing路由的定義與使用,講解了when()和otherwise()兩個相關(guān)的常用方法,需要的朋友可以參考下
    2016-03-03
  • AngularJS在IE8的不支持的解決方法

    AngularJS在IE8的不支持的解決方法

    AngularJS在IE8的不支持怎么辦？下面小編就為大家?guī)硪黄狝ngularJS在IE8的不支持的解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • jquery操作angularjs對象

    jquery操作angularjs對象

    這篇文章主要介紹了jquery操作angularjs對象的相關(guān)資料,需要的朋友可以參考下
    2015-06-06
  • AngualrJS中每次$http請求時的一個遮罩層Directive

    AngualrJS中每次$http請求時的一個遮罩層Directive

    AngularJS是一款非常強大的前端MVC框架。接下來通過本文給大家介紹AngualrJS中每次$http請求時的一個遮罩層Directive，本文非常具有參考借鑒價值，特此分享供大家學習
    2016-01-01
  • AngularJS 表達式詳解及實例代碼

    AngularJS 表達式詳解及實例代碼

    這篇文章主要介紹了AngularJS 表達式，這里整理了詳細的資料，有需要的小伙伴可以參考下
    2016-09-09
  • Angular企業(yè)級開發(fā)——MVC之控制器詳解

    Angular企業(yè)級開發(fā)——MVC之控制器詳解

    本篇文章主要介紹了Angular企業(yè)級開發(fā)——MVC之控制器詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-02-02

最新評論