[AngularJS] 一个页面拥有多个ng-app

港控/mmm° 2022-05-08 03:28 23阅读 0赞

> Html文件

<!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="utf-8">
        <script src="/lib/mins/angular.min.js"></script>
    </head>
    
    <body>
    
        <div ng-app="myApp">
    
            
            <div ng-init="person={'name':'AJack','gender':'男'}"></div>
            <p>姓名:{
       {person.name}}</p>
            <p>性别:{
       {person.gender}}</p>
    
        </div>
        <div ng-app="myApp2" id="myApp2">
    
            
            <div ng-init="person={'name':'AJack','gender':'男'}"></div>
            <p>姓名:{
       {person.name}}</p>
            <p>性别:{
       {person.gender}}</p>
    
        </div>
    
        <script src="/lib/modules/myApp.js"></script>
    </body>
    
    </html>

> JS文件

var app = angular.module('myApp', []);
    var app2 = angular.module('myApp2', []);
    
    angular.element(document).ready(function() {
        angular.bootstrap(document.getElementById('myApp2'),['myApp2']);
    });

**效果：**

![8263107-65620912fc6fc431.png][]

image.png

![8263107-efa5b2f107d8f5a5.png][]

image.png

> myApp和myApp2均加载成功

[8263107-65620912fc6fc431.png]: /images/20220508/c08221e86a9d44189150ee8ffff70b98.png
[8263107-efa5b2f107d8f5a5.png]: /images/20220508/18de5f6e2ffa4c48aa0f014663f31c53.png

发表评论取消回复

表情：

评论列表（有 0 条评论，23人围观）

还没有评论，来说两句吧...

相关阅读

相关 Spring拥有多个JavaConfig（@Configuration）的情况

1：在加载Spring容器时，加载多个@Configuration类。需要继承AbstractAnnotationConfigDispatcherServletIniti

约定不等于承诺〃/ 2023年06月12日 08:45/ 0 赞/ 13 阅读

相关一个页面播放多个视频

一个页面播放多个视频 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

梦里梦外;/ 2023年06月09日 11:25/ 0 赞/ 21 阅读

相关 uniapp小程序一个页面多个视频播放

<template> <view class="">  <view class="hot_vide

浅浅的花香味﹌/ 2022年12月19日 08:35/ 0 赞/ 388 阅读

相关一个页面多个倒计时 js

[jQuery倒计时（CountDown）小插件][jQuery_CountDown] [![jquery countdown][]][jquery countdown]

青旅半醒/ 2022年08月26日 08:13/ 0 赞/ 196 阅读

相关页面多个setInterval

页面多个setInterval 业务需求 ![这里写图片描述][SouthEast] 代码实现 html代码 <div>

本是古典何须时尚/ 2022年06月17日 05:43/ 0 赞/ 152 阅读

相关 [AngularJS] 一个页面拥有多个ng-app

> Html文件 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

港控/mmm°/ 2022年05月08日 03:28/ 0 赞/ 24 阅读

相关 echarts实现一个页面同时显示多个图表

今天群里有小姐姐问同一个页面显示多个图表，如何操作？先抛出一个官方的例子：[https://gallery.echartsjs.com/editor.html?c=xhju

短命女/ 2021年11月17日 22:28/ 0 赞/ 1476 阅读

相关一个页面弹窗多个

注：按钮里添加的样式 data-toggle="modal" data-target=".bs-example-modal-sm1" 注：弹出窗的

矫情吗；*/ 2021年10月08日 05:52/ 0 赞/ 487 阅读

相关 AngularJs 多个模块的注入

1、若在js中创建angular.module(‘app’,\[\]),则不需要在页面中添加ng-app ng-app创建了多个模块，另一个模块通过new angular.m

╰+哭是因爲堅強的太久メ/ 2021年07月24日 19:33/ 0 赞/ 351 阅读

相关一个页面绑定多个onscroll事件

默认一个页面只能同时存在一个window.onscroll函数。有的时候我们会引入工具的js框架，在框架中使用onscroll统一监听每个页面，但是在某个页面，我们可能还要使用

痛定思痛。/ 2021年06月24日 16:09/ 0 赞/ 635 阅读