Javascript Angularjs路线不'；是否将login.html加载到main.html？_Javascript_Html_Angularjs

Javascript Angularjs路线不'；是否将login.html加载到main.html？

javascript html angularjs

Javascript Angularjs路线不'；是否将login.html加载到main.html？,javascript,html,angularjs,Javascript,Html,Angularjs,当我尝试使用angular做单页应用程序时，我无法将login.html视图加载到main.html的ng视图中。请有人帮我做这件事。提前谢谢 main.html <!DOCTYPE html> <html> <head> <link rel="icon" type="image/jpeg" href="assets/images/favicon.ico" /> <meta charset="UTF-8"> <

当我尝试使用angular做单页应用程序时，我无法将login.html视图加载到main.html的ng视图中。请有人帮我做这件事。提前谢谢

main.html

 <!DOCTYPE html>
 <html>
 <head>
 <link rel="icon" type="image/jpeg" href="assets/images/favicon.ico"      />
 <meta charset="UTF-8">
 <title>Login</title>
 <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
 </head>
 <body>
 <div class="container-fluid page-header"
    style="background-color: #E7E7D2; margin: 0; border-bottom-color: green;">
    <h2>
        Application <small>Heading</small>
    </h2>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<div id="main">

    <!-- angular templating -->
    <!-- this is where content will be injected -->
    <div data-ng-view></div>

</div>
<script src="assets/js/angular.js"></script>
<script src="assets/js/angular-route.js"></script>
<script src="assets/js/jquery-2.1.3.js"></script>
<script src="assets/js/bootstrap.js"></script>

<script src="app/app.module.js"></script>
<script src="app/app.routes.js"></script>

</body>
</html>

app.routes.js

    angular.module('loginApp').config(['$routeProvider',function($routeProvider){
$routeProvider.when('/',{
    templateUrl : 'components/login/login.html',
    controller : 'loginController'
}).otherwise({
    redirectTo: 'components/login/login.html'
});

}]))

loginController.js

 angular.module('loginApp').controller('loginController', function($scope) {
function loginController() {
    alert("hi");
} 
});

文件夹结构

您在子窗口而不是父窗口中声明了ng app。 angular不会呈现main.html（angular作用域以ng应用程序开始），因此ng视图不会执行任何操作。

您需要将此属性放在body或另一个包装标签上，@Avi所说的是正确的。在正文或html标记中声明ng应用程序。它会起作用的

抱歉，我是Angular的新手，现在没有时间尝试，但我正在开始学习Angular，我注意到您错过了main.html中的ng应用程序调用。也许我错了，这并不重要。很抱歉那样的话。这句话我是说，好吧，我明白了，让我试试，乐意帮忙。我在这里学习基本原理：）如果我的评论对讨论有用，请挂上一个标志。我正在修复，现在我得到了“错误：[ng:areq]参数'loginController'不是一个函数，未定义”。请帮助我找出我的错误。我想深入学习angularjs。请提供一些链接。现在我得到了“错误：[ng:areq]参数“loginController”不是函数，未定义。请帮助我找出我的错误。您的控制器看起来不正确。也许你应该在开始之前先学习一些教程？检查：angular.module（'loginApp'）.controller（'loginController'，function（$scope）{alert（“hi”）；}）；

    angular.module('loginApp').config(['$routeProvider',function($routeProvider){
$routeProvider.when('/',{
    templateUrl : 'components/login/login.html',
    controller : 'loginController'
}).otherwise({
    redirectTo: 'components/login/login.html'
});

 angular.module('loginApp').controller('loginController', function($scope) {
function loginController() {
    alert("hi");
} 
});