亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Angular在一個(gè)頁(yè)面中使用兩個(gè)ng-app的方法

 更新時(shí)間：2017年02月20日 15:22:42   作者：python基礎(chǔ)教程  
這篇文章主要介紹了Angular在一個(gè)頁(yè)面中使用兩個(gè)ng-app的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

下面一段代碼給大家介紹了Angular在一個(gè)頁(yè)面中使用兩個(gè)ng-app的方法，具體代碼如下所示：

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <title>ng-app指令,angular找到第一個(gè)ng-app就不會(huì)再找了，在一個(gè)頁(yè)面中只使用一個(gè)ng-app.</title>
 </head>
 <body>
  <input type="button" ng-app="myApp1" ng-controller="App1Controller" ng-click="do1()" value="按鈕1" />
  <input type="button" ng-app="myApp2" ng-controller="App2Controller" ng-click="do2()" value="按鈕2">
  <script src="bower_components/angular/angular.js"></script>
  <script>
  /**
  * myApp1 Module
  *
  * Description
  */
  var myApp1 = angular.module('myApp1', []);
  myApp1.controller('App1Controller', ['$scope', function($scope){
   $scope.do1 = function(){
    console.log(11111);
   };
  }]);
  var myApp2 = angular.module('myApp2', []);
  myApp2.controller('App2Controller', ['$scope', function($scope){
   $scope.do2 = function(){
    console.log(22222);
   };
  }]);
  //手動(dòng)的讓第二個(gè)div被myapp2管理
  angular.bootstrap(document.querySelector('[ng-app="myApp2"]'), ['myApp2']);
  </script>
 </body>
</html>

這種方法不推薦，請(qǐng)參考下篇文章。下面給大家介紹angular在一個(gè)頁(yè)面中使用兩個(gè)ng-app的方法(二)。敬請(qǐng)關(guān)注！

相關(guān)文章

最新評(píng)論