Javascript 多个ng应用程序问题_Javascript_Angularjs_Ng App

Javascript 多个ng应用程序问题

javascript angularjs

Javascript 多个ng应用程序问题,javascript,angularjs,ng-app,Javascript,Angularjs,Ng App,Html文件 <!DOCTYPE html> <html > <head> <title>Angular JS Demo</title> <script src="scripts/angular.min.js"></script> <script src="scripts/Script_1.js"></script>

Html文件

<!DOCTYPE html>
<html >
    <head>
        <title>Angular JS Demo</title>
        <script src="scripts/angular.min.js"></script> 
        <script src="scripts/Script_1.js"></script>
        <meta charset="utf-8" />
    </head>
    <body>
        <div  ng-app="HelloWorldApp" ng-controller="HelloWorldController">
            Message: {{ greeting }}
        </div>
        <div id="class2" ng-controller="HelloWorldController1">
           Message: {{ message }}
         </div>
    </body>
</html>


角度JS演示
信息：{{问候语}
消息：{{Message}}

脚本_1.js

/// <reference path="angular.min.js" />
angular.module('HelloWorldApp', []).controller("HelloWorldController", function ($scope) {
   $scope.greeting = "Hello World";
});

angular.module('HelloWorldApp1',[]).controller("HelloWorldController1",function ($scope) {
   $scope.message = "Hello World";
});
angular.bootstrap(document.getElementById('class2'), ['HelloWorldApp1']);

The output is 
     Message: Hello World
     Message: {{ message }}

//
angular.module（'HelloWorldApp'，[]）.controller（'HelloWorldController'，函数（$scope）{
$scope.greeting=“Hello World”；
});
angular.module（'HelloWorldApp1'，[]）.controller（'HelloWorldController1'，function（$scope）{
$scope.message=“你好世界”；
});
bootstrap（document.getElementById（'class2'），['HelloWorldApp1']）；
输出是
信息：你好，世界
消息：{{Message}}

尽管我使用了angular.bootstrap（document.getElementById（'class2'，[HelloWorldApp1]）；为什么它不是自举的。我是一个新手，我是否错过了任何库？我被困在这里了，请帮帮我

谢谢

试试这个：

  <!DOCTYPE html>
    <html >
        <head>
            <title>Angular JS Demo</title>
            <script src="scripts/angular.min.js"></script> 
            <script src="scripts/Script_1.js"></script>
            <meta charset="utf-8" />
        </head>
        <body>
            <div  ng-app="HelloWorldApp" ng-controller="HelloWorldController">
                Message: {{ greeting }}
            </div>
            <div id="class2"ng-app="HelloWorldApp1" ng-controller="HelloWorldController1">
               Message: {{ message }}
             </div>
        </body>
    </html>


角度JS演示
信息：{{问候语}
消息：{{Message}}

试试这个：

  <!DOCTYPE html>
    <html >
        <head>
            <title>Angular JS Demo</title>
            <script src="scripts/angular.min.js"></script> 
            <script src="scripts/Script_1.js"></script>
            <meta charset="utf-8" />
        </head>
        <body>
            <div  ng-app="HelloWorldApp" ng-controller="HelloWorldController">
                Message: {{ greeting }}
            </div>
            <div id="class2"ng-app="HelloWorldApp1" ng-controller="HelloWorldController1">
               Message: {{ message }}
             </div>
        </body>
    </html>


角度JS演示
信息：{{问候语}
消息：{{Message}}

你想做什么？不知道你想做什么，但它似乎类似于此是你的HTML示例，对吗？

HelloWorldController1

不在任何ng应用程序中。：）你想做什么？不知道你想做什么，但它似乎类似于此是你的HTML示例，对吗？

HelloWorldController1

不在任何ng应用程序中。：）我已经试过了，但仍然显示相同的内容angular.module（'HelloWorldApp'，[]）.controller（'HelloWorldController'，function（$scope）{$scope.greeting=“helloworld”；}）；angular.module（'HelloWorldApp1'，[]）.controller（'HelloWorldController1'，function（$scope）{$scope.message=“Hello World 22”；}）；angular.element（document.ready）（函数（）{angular.bootstrap（document.getElementById（“id2”），['HelloWorldApp1']；}）；我的第二个模块没有得到增强。我已经尝试过了，但仍然显示相同的功能。//angular.module（'HelloWorldApp'，[]）.controller（'HelloWorldController'，function（$scope）{$scope.greeting=“helloworld”；}）；angular.module（'HelloWorldApp1'，[]）.controller（'HelloWorldController1'，function（$scope）{$scope.message=“Hello World 22”；}）；angular.element（document.ready）（函数（）{angular.bootstrap（document.getElementById（“id2”），['HelloWorldApp1']；}）；我的第二个模块没有得到加强。