前端学习（1555）：ng-app指令
生活随笔
收集整理的這篇文章主要介紹了
前端学习（1555）：ng-app指令
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ng-app指令</title>
</head>
<!-- 需要angular的代碼必須包裹在ng-app的代碼中 --><body ng-app="myApp"><div ng-controller="App1Controller"><input type="button" value="按鈕1" ng-click="do1()"></div><div ng-controller="App2Controller"><input type="button" value="按鈕2" ng-click="do2()"></div><script src="./js/Angular.js"></script><script>//零件1/* 找到第一個ng-app就不會再找了 */var myApp1 = angular.module('myApp1', []);myApp1.controller('App1Controller', ['$scope', function($scope) {$scope.do1 = function() {console.log(111111);}}])//零件2var myApp2 = angular.module('myApp2', []);myApp2.controller('App2Controller', ['$scope', function($scope) {$scope.do2 = function() {console.log(22222);}}])angular.module('myApp', ['myApp1', 'myApp2'])/* angular.bootstrap(document.querySelector('[ng-app="myApp2"]'), ["myApp2"]) */</script>
</body></html>
運行結果
總結
以上是生活随笔為你收集整理的前端学习（1555）：ng-app指令的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Unity3D脚本编程——使用C#语言开
- 下一篇： 前端学习（1526）：heroes案例