gpt4 book ai didi

javascript - AngularJS $routeProvider 模板未显示在 ng-view 中

转载 作者:行者123 更新时间:2023-11-28 06:10:48 25 4
gpt4 key购买 nike

这是我的文件夹结构:

public
--js
----controllers
------aController.js
------bController.js
----app.js
----router.js
--styles
----a.css
----b.css
--html
----a.html
----b.html
--index.html

在我的index.html 文件中,我有:

<body ng-app="myApp">
<div ng-view></div>
</body>

在我的 router.js 文件中,我有:

myApp.config(['$routeProvider',function($routeProvider) {
$routeProvider
.when('/a', {
controller: 'aController',
templateURL: 'html/a.html',
css: 'styles/a.css'
})
.when('/b', {
controller: 'bController',
templateUrl: 'html/b.html',
css: 'styles/b.css'
})
.otherwise({
redirectTo: '/a'
});
}]);

在 a.html 和 b.html 中,我只有一个 div,里面有字母。即:

<p>a</p>

因此,当我加载页面时,我希望看到一个“a”,但我看到的只是空白。当我检查该元素时,它显示 <!-- ngview --> 。我测试了我的路由,它似乎导航到正确的地址,但为什么我的模板没有显示/为什么我的 ng-view 被注释掉了?我尝试从本地主机运行并在网络浏览器中打开它,以达到相同的效果。

编辑:如果重要的话,我没有收到任何控制台错误,并且启动时看到的路径是:

.../appFolder/public/index.html#/a

最佳答案

myApp.config(['$routeProvider',function($routeProvider) {
$routeProvider
.when('/a', {
controller: 'aController',
templateURL: '/html/a.html',
css: '/styles/a.css'
})
.when('/b', {
controller: 'bController',
templateUrl: '/html/b.html',
css: '/styles/b.css'
})
.otherwise({
redirectTo: '/a'
});
}]);

您的 router.js 文件似乎位于 js 文件夹内,因此您的路由路径无效。请检查上面代码片段中的路径。

关于javascript - AngularJS $routeProvider 模板未显示在 ng-view 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36416970/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com