Angular在一个页面中使用两个ng-app的方法
更新时间：2017年02月20日 15:22:42 作者：python基础教程
这篇文章主要介绍了Angular在一个页面中使用两个ng-app的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下
下面一段代码给大家介绍了Angular在一个页面中使用两个ng-app的方法，具体代码如下所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ng-app指令,angular找到第一个ng-app就不会再找了，在一个页面中只使用一个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);
};
}]);
//手动的让第二个div被myapp2管理
angular.bootstrap(document.querySelector('[ng-app="myApp2"]'), ['myApp2']);
</script>
</body>
</html>
这种方法不推荐，请参考下篇文章。下面给大家介绍angular在一个页面中使用两个ng-app的方法(二)。敬请关注！
相关文章
Spartacus CMS Feature selector的实现解析
这篇文章主要为大家介绍了Spartacus CMS Feature selector的实现解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-07-07
这篇文章主要介绍了基于AngularJS实现的工资计算器,结合具体实例形式分析了AngularJS数值计算相关操作技巧,需要的朋友可以参考下2017-06-06
下面小编就为大家带来一篇Javascript基础_标记文字的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
AngularJS的依赖注入实例分析(使用module和injector)
这篇文章主要介绍了AngularJS的依赖注入,结合实例形式分析了依赖注入的原理及使用module和injector实现依赖注入的步骤与操作技巧,需要的朋友可以参考下2017-01-01
AngularJS中监视Scope变量以及外部调用Scope方法
在AngularJS中，有时候需要监视Scope中的某个变量，因为变量的改变会影响一些界面元素的显示，接下来通过本文给大家介绍AngularJS中监视Scope变量以及外部调用Scope方法，需要的朋友参考下吧2016-01-01
浅谈Angular2 ng-content 指令在组件中嵌入内容
本篇文章主要介绍了浅谈Angular2 ng-content 指令在组件中嵌入内容，具有一定的参考价值，有兴趣的可以了解一下2017-08-08
这篇文章主要介绍了angular2 NgModel模块的具体使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
Angular基于TypeScript和react、vue相比 Angular更适合中大型企业级项目，本文通过实例代码给大家分享Angular环境搭建及简单体验，感兴趣的朋友跟随小编一起学习吧2021-05-05
本文给大家分享Angularjs cookie 操作实例详解，demo案例分析，感兴趣的朋友参考下吧2017-09-09
这篇文章主要介绍了AngularJS初始化过程分析(引导程序),这一节解释了AngularJS初始化的过程,以及需要的时候你该如何修改AngularJS的初始化,需要的朋友可以参考下2014-12-12
最新评论