Ngroute没有工作。如何解决这个问题？ [英] Ngroute is not working .how can solve this?
本文介绍了Ngroute没有工作。如何解决这个问题？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我几乎尝试过..但ngroute在应用程序中无效。请告诉我哪里错了
我尝试过：
var app = angular.module（ myApp，[' ngRoute']）;
app.config（ function （$ routeProvider）{
$ routeProvider
.when（' / home'，{
templateUrl：' mypages / home.html'，
controller：' homectrl'
}）
.when（' / login'，{
templateUrl：' mypages / login.html'，
controller：' loginctrl'
}）
.when（' / details'，{
templateUrl：' mypages / details.html'，
控制器：' detailsctrl'
}）
.otherwise（{
redirectTo：' / home'
}）;
}）;
< ！DOCTYPE html >
< html ng-app = myApp >
< head >
< 标题 > < /标题 >
< 脚本 src = ../ Scripts / angular-route.min.js > < / script >
< script src = ../脚本/角度路线.js > < / script >
< ; script src = ../ Scripts / angular.min.js > < / script >
< script src = ../ myscripts / main.js > < / script >
< / head >
< body >
<！ - < ; div ng-controller =indexctrl>
< p> {{test}}< / p>
< a href =＃/ home>家庭及LT; / A>
< a href =＃/ login>登录< / A>
< a href =＃/ details>详细信息及LT; / A>
< / div>
< div>
< ng-view>< / ng-view>
< / div> - >
< / body >
< / html >
解决方案
routeProvider）{
routeProvider
.when（' / home'，{
templateUrl：' mypages / home.html'，
controller：' homectrl'
}）
.when（' / login'，{
templateUrl：' mypages / login.html'，
控制器：' loginctrl'
}）
.when（' / details'，{
templateUrl：' mypages / details.html'，
controller：' detailsctrl'
}）
.otherwise（{
redirectTo：' / home'
}）;
}）;
< ！DOCTYPE html >
< html ng-app = myApp >
< head >
< 标题 > < /标题 >
< 脚本 src = ../ Scripts / angular-route.min.js > < / script >
< script src = ../脚本/角度路线.js > < / script >
< ; script src = ../ Scripts / angular.min.js > < / script >
< script src = ../ myscripts / main.js > < / script >
< / head >
< body >
<！ - < ; div ng-controller =indexctrl>
< p> {{test}}< / p>
< a href =＃/ home>家庭及LT; / A>
< a href =＃/ login>登录< / A>
< a href =＃/ details>详细信息及LT; / A>
< / div>
< div>
< ng-view>< / ng-view>
< / div> - >
< / body >
< / html >
i hav tried almost.. but ngroute is not working in app . pls tell me where is the wrong
What I have tried:
var app = angular.module("myApp", ['ngRoute']);
app.config(function($routeProvider) {
$routeProvider
.when('/home', {
templateUrl: 'mypages/home.html',
controller: 'homectrl'
})
.when('/login', {
templateUrl: 'mypages/login.html',
controller: 'loginctrl'
})
.when('/details', {
templateUrl: 'mypages/details.html',
controller: 'detailsctrl'
})
.otherwise({
redirectTo: '/home'
});
});
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title></title>
<script src="../Scripts/angular-route.min.js"></script>
<script src="../Scripts/angular-route.js"></script>
<script src="../Scripts/angular.min.js"></script>
<script src="../myscripts/main.js"></script>
</head>
<body>
<!--<div ng-controller="indexctrl">
<p>{{test}}</p>
<a href="#/home"> home</a>
<a href="#/login"> login</a>
<a href="#/details"> details</a>
</div>
<div>
<ng-view></ng-view>
</div>-->
</body>
</html> 解决方案
routeProvider) {
routeProvider .when('/home', { templateUrl: 'mypages/home.html', controller: 'homectrl' }) .when('/login', { templateUrl: 'mypages/login.html', controller: 'loginctrl' }) .when('/details', { templateUrl: 'mypages/details.html', controller: 'detailsctrl' }) .otherwise({ redirectTo: '/home' }); });
<!DOCTYPE html> <html ng-app="myApp"> <head> <title></title> <script src="../Scripts/angular-route.min.js"></script> <script src="../Scripts/angular-route.js"></script> <script src="../Scripts/angular.min.js"></script> <script src="../myscripts/main.js"></script> </head> <body> <!--<div ng-controller="indexctrl"> <p>{{test}}</p> <a href="#/home"> home</a> <a href="#/login"> login</a> <a href="#/details"> details</a> </div> <div> <ng-view></ng-view> </div>--> </body> </html>
这篇关于Ngroute没有工作。如何解决这个问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
