Javascript AngularJs路线无错误但不工作
我正在创建一个使用路由的演示应用程序。即使控制台中没有错误，我也无法看到我的内容。这里可能有什么问题。我创建了两个不同内容的单独html文件Javascript AngularJs路线无错误但不工作,javascript,angularjs,ngroute,Javascript,Angularjs,Ngroute,我正在创建一个使用路由的演示应用程序。即使控制台中没有错误，我也无法看到我的内容。这里可能有什么问题。我创建了两个不同内容的单独html文件 <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script> <script src
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
<script src = "js/junk.js"></script>
</head>
<body ng-app="junkapp">
<div ng-controller = "junkController">
<ul>
<li><a href="#/">Home</a></li>
<li><a href="#/first">First</a></li>
<li><a href="#/second">Second</a></li>
</ul>
<div ng-view>
</div>
</div>
</body>
</html>
app.configvar-app=angular.module（“junkapp”，“ngRoute]”）；
app.config（函数（$routeProvider）{
$routeProvider
。当（“/”{
模板：“Main单击链接以更改此内容”
})
。当（“/第一个”{
模板：“香蕉香蕉含水量约为75%。”
})
。当（“/秒”{
模板：“西红柿西红柿含有大约95%的水。”
});
});
应用控制器（“junkController”，功能（$scope）{
});
将配置移到控制器外部
演示
var-app=angular.module（“junkapp”，“ngRoute]”）；
应用控制器（“junkController”，功能（$scope）{
});
app.config（函数（$routeProvider）{
$routeProvider
。当（“/”{
模板：“Main单击链接以更改此内容”
})
。当（“/第一个”{
模板：“香蕉香蕉含水量约为75%。”
})
。当（“/秒”{
模板：“西红柿西红柿含有大约95%的水。”
});
});
配置不应在控制器下
var app = angular.module("junkapp", ['ngRoute']);
app.config(function($routeProvider) {
$routeProvider
.when('/', {
templateUrl : 'junk.html',
})
// route for the about page
.when('/first', {
templateUrl : 'first.html',
})
// route for the contact page
.when('/second', {
templateUrl : 'second.html',
});
});
app.controller("junkController", function($scope){
});
我们无法在控制器或服务中定义路由，因为
配置需要在它被注入到我们需要的任何东西之前发生
你想用它来做什么。我们对配置中的提供程序所做的任何配置
函数将允许我们访问这些预配置的实例
当提供者被注入时
var-app=angular.module（'junkapp'，['ngRoute']）；
app.config（函数（$routeProvider）{
$routeProvider。
当（“/”{
templateUrl:“home.html”
}).
当（“/第一个”{
模板：“Hi First”
}).
当（“/秒”{
模板：“Hi second”
});
});
应用控制器（“junkController”，功能（$scope）{
$scope.text=“欢迎”；
});
你好，家
在控制器一侧设置配置
var app = angular.module("junkapp", ['ngRoute']);
app.config(function($routeProvider) {
$routeProvider
.when('/', {
templateUrl : 'junk.html',
})
// route for the about page
.when('/first', {
templateUrl : 'first.html',
})
// route for the contact page
.when('/second', {
templateUrl : 'second.html',
});
});
app.controller("junkController", function($scope){
});
啊。。我仍然看不到天空中的任何东西page@AdityaKumar我添加了一个片段，正如您所看到的，它很有效！适用于模板，但不适用于templateurl@AdityaKumar您的app.js是否与模板（例如：junk.html）位于同一目录中？是。。问题是url。对我来说很奇怪。。。我已经复制粘贴了您的代码，但仍然无法在浏览器中看到任何内容。但它是在代码段中运行的。您的js文件加载了吗？是的，js文件加载了。它适用于模板，但不适用于templateurl@AdityaKumar检查您的templateUrl是否为fineapp.config（函数（$routeProvider）{$routeProvider//主页的路由。当（'/'，{templateUrl:'junk.html'，}）//关于页面的路由。当（'/first'，{templateUrl:'first.html'，}）//联系人页面的路由。当（'/second'，{templateUrl:'second.html'，}）；}）；