Javascript 使用angular.js空白页进行路由
我这样做是想请你帮我解决那个小问题。我正在听一首关于angular js的图图，但我一直在理解路线是如何工作的 你能帮我理解为什么主页是空白的吗 谢谢大家的关注 文件结构： index.html |分部 || comments.html || home.html index.html：Javascript 使用angular.js空白页进行路由,javascript,angularjs,ng-view,Javascript,Angularjs,Ng View,我这样做是想请你帮我解决那个小问题。我正在听一首关于angular js的图图，但我一直在理解路线是如何工作的 你能帮我理解为什么主页是空白的吗 谢谢大家的关注 文件结构： index.html |分部 || comments.html || home.html index.html： <html> <head> <meta charset="UTF-8"> <title></title>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head >
<body ng-app="angularForm">
<div ng-view></div>
<script src="angular/angular.js"></script>
<script src="angular/angular-route.js"></script>
<script>
var app = angular.module('angularForm', ['ngRoute']);
//Mise en place du routing
app.config(function ($routeProvider) {
$routeProvider
.when("/", {templateUrl: "partials/home.html",})
.when("/comments", {templateUrl: "partials/comments.html"})
.otherwise({redirectTo: "/"});
});
//Mise en place du controlleur pour les comments
angular.module('angularForm', [])
.controller('CommentsController',
function CommentsController($scope) {
this.comments = [
{
"username": "Sandoval",
"email": "sandovalrodriguez@sequitur.com",
"content": "Eiusmod ad enim laboris ut culpa qui duis pariatur."
},
{
"username": "Tara",
"email": "tararodriguez@sequitur.com",
"content": "Dolore anim labore eu ut mollit sunt incididunt sint occaecat mollit adipisicing."
},
{
"username": "Emilia",
"email": "emiliarodriguez@sequitur.com",
"content": "In amet ipsum anim excepteur ut excepteur nulla exercitation laborum culpa."
},
{
"username": "Gina",
"email": "ginarodriguez@sequitur.com",
"content": "Enim duis cupidatat enim reprehenderit."
},
{
"username": "Graves",
"email": "gravesrodriguez@sequitur.com",
"content": "Laborum excepteur duis elit anim mollit duis labore voluptate dolore aliquip."
},
{
"username": "Gallegos",
"email": "gallegosrodriguez@sequitur.com",
"content": "Ullamco fugiat do exercitation reprehenderit magna pariatur aliqua dolor cillum eiusmod cillum id consequat."
}
];
});
</script>
</body>
</html>
var app=angular.module（'angularForm'，['ngRoute']）；
//米塞恩普莱斯酒店
app.config（函数（$routeProvider）{
$routeProvider
.when（“/”，{templateUrl:“partials/home.html”，}）
.when（“/comments”，{templateUrl:“partials/comments.html”}）
。否则（{重定向至：“/”}）；
});
//控制者的位置和评论
angular.module（'angularForm'，[]）
.controller（'CommentsController'，
函数CommentsController（$scope）{
此条注释=[
{
“用户名”：“Sandoval”，
“电子邮件”：sandovalrodriguez@sequitur.com",
“内容”：“我们的劳动是错误的。”
},
{
“用户名”：“塔拉”，
“电子邮件”：tararodriguez@sequitur.com",
“内容”：“多洛尔动物劳动必须包含在圣奥卡卡的动物劳动中。”
},
{
“用户名”：“Emilia”，
“电子邮件”：emiliarodriguez@sequitur.com",
“内容”：“在amet ipsum anim EXPEPTEUR ut EXPEPTEUR nulla EXPECTION laborum CUPPA中。”
},
{
“用户名”：“吉娜”，
“电子邮件”：ginarodriguez@sequitur.com",
“内容”：“埃尼姆·杜伊斯·丘比特·埃尼姆·雷普雷亨德里特。”
},
{
“用户名”：“Graves”，
“电子邮件”：gravesrodriguez@sequitur.com",
“内容”：“劳动例外”是指动物的精英劳动
},
{
“用户名”：“Gallegos”，
“电子邮件”：gallegosrodriguez@sequitur.com",
“内容”：“Ullamco fugiat do execution reprehenderit magna paritatur aliqua doll cilum eiusmod cilum id consequat。”
}
];
});
<div ng-controller="CommentsController as comctrl">
<input type="text" ng-model="query.content">
<h1>Recherche : {{ query.content}}</h1>
<select ng-model="order">
<option value="username">Organise par Nom</option>
<option value="content">Organise par content</option>
</select>
<div ng-repeat="comment in comctrl.comments| filter: query | orderBy: order">
<p>
<strong>{{comment.username}}</strong><br>
{{comment.content}}
</p>
</div>
</div>
记录：{{query.content}
组织规则
组织PAR含量
{{comment.username}
{{comment.content}
<h1>Article #1</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sodales nulla at nunc molestie, sollicitudin ornare arcu porttitor. Maecenas vel ultricies dui, vel consectetur felis. Suspendisse sagittis fringilla placerat. Praesent turpis diam, maximus et fermentum quis, hendrerit et risus. Vivamus turpis eros, placerat eget facilisis sit amet, malesuada at ante. Donec ac egestas magna, in varius quam. Quisque imperdiet leo a dolor ullamcorper, sed sollicitudin dui malesuada. Pellentesque a leo eget lacus convallis rhoncus. Donec sit amet nisl vel turpis venenatis varius. Praesent varius dignissim molestie. Proin ante tortor, gravida dignissim odio vitae, lacinia mattis diam. Vestibulum quis tellus dolor.
</p>
<h2> x commentaires</h2>
<a href="#/comments">Voir les commentaires</a>
第1条
Lorem ipsum dolor sit amet，是一位杰出的献身者。莫里斯·索达莱斯·努拉（Mauris sodales nulla）位于努克·莫莱斯蒂（nunc molestie），索尔利西图丁（sollicitudin）或阿尔库·波特托（arcu porttitor）。我的朋友们，我的朋友们。大鼠条纹矢状突。这是一个非常好的例子。维瓦摩斯·图皮斯·厄洛斯（Vivamus turpis eros），placerat eget facilisis坐在amet，malesuada在ante。Donec ac egestas magna，位于varius quam。征服者是一位多洛·乌兰科珀，他在两人的对决中获胜。佩伦特斯凯是利奥·埃吉特·拉科斯·康瓦利斯·朗卡斯。不要坐在静脉曲张上。葡萄品种。在侵权前，孕妇的尊严和生命，拉西尼亚马蒂斯直径。前庭是指前庭。
x评论
var app = angular.module('angularForm', ['ngRoute']);
//Mise en place du routing
app.config(function ($routeProvider) {
$routeProvider
.when("/", {templateUrl: "home.html"})
.when("/comments", {templateUrl: "comments.html"})
.otherwise({redirectTo: "/"});
});
//Mise en place du controlleur pour les comments
angular.module('angularForm', [])
.controller('CommentsController',
function CommentsController($scope) {
this.comments = [
var app = angular.module('angularForm', ['ngRoute']);
//Mise en place du routing
app.config(function ($routeProvider) {
$routeProvider
.when("/", {templateUrl: "home.html"})
.when("/comments", {templateUrl: "comments.html"})
.otherwise({redirectTo: "/"});
});
//Mise en place du controlleur pour les comments
app.controller('CommentsController',
function CommentsController($scope) {
this.comments = [
因为您试图声明两个模块，第一个模块不工作。plunkr链接已断开，请在您的问题中显示一些代码。我刚刚这样做，并添加了代码appart:）srry；）