Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript angular.js中的路由不工作-没有控制台或语法错误_Javascript_Angularjs_Module_Dependencies - Fatal编程技术网

Javascript angular.js中的路由不工作-没有控制台或语法错误

Javascript angular.js中的路由不工作-没有控制台或语法错误,javascript,angularjs,module,dependencies,Javascript,Angularjs,Module,Dependencies,我无法理解为什么路由不起作用。 我已经检查了很多次语法错误或拼写错误,但情况似乎并非如此。我还检查了控制台,它没有返回任何内容。似乎没有任何问题 var-app=angular.module(“myApp”,“ngRoute]”); //主控制器 应用控制器(“控制器”,功能($scope){ $scope.search={}; }); //路由 app.config(函数($routeProvider){ 控制台日志(“工作”); $routeProvider.when(“/”{ 控制器:“

我无法理解为什么路由不起作用。 我已经检查了很多次语法错误或拼写错误,但情况似乎并非如此。我还检查了控制台,它没有返回任何内容。似乎没有任何问题

var-app=angular.module(“myApp”,“ngRoute]”);
//主控制器
应用控制器(“控制器”,功能($scope){
$scope.search={};
});
//路由
app.config(函数($routeProvider){
控制台日志(“工作”);
$routeProvider.when(“/”{
控制器:“控制器”,
templateUrl:“templates/listings.html”
}).when(“/login”{
控制器:“控制器”,
templateUrl:“templates/login.html”
})
});

标志

您的代码似乎正确。目前,您只是加载页面,URL没有任何更改,因此angular router什么也不做

基本上,您需要通过
添加默认路由。否则,
将重定向到
/
默认页面的
$routeProvider

$routeProvider.when('/', {
    controller: "controller",
    templateUrl: "templates/listings.html"
})
.when('/login', {
    controller: "controller",
    templateUrl: "templates/login.html"
})
.otherwise({
    redirectTo: '/'
});
确保您有相同版本的angularjs和AngularRoute


感谢@Denis创建了Fiddle。

您的代码似乎是正确的。目前,您只是加载页面,URL没有任何更改,因此angular router什么也不做

基本上,您需要通过
添加默认路由。否则,
将重定向到
/
默认页面的
$routeProvider

$routeProvider.when('/', {
    controller: "controller",
    templateUrl: "templates/listings.html"
})
.when('/login', {
    controller: "controller",
    templateUrl: "templates/login.html"
})
.otherwise({
    redirectTo: '/'
});
确保您有相同版本的angularjs和AngularRoute


感谢@Denis创建了Fiddle。

如果您使用路由器,您不需要用html声明控制器。因此,请尝试从中删除ng contollertag@DenisAngular支持控制器继承。最好从ngRoute的cdn版本开始,以确保使用相同的版本。若你们使用路由器,你们不需要在html中声明控制器。因此,请尝试从中删除ng contollertag@DenisAngular支持控制器继承。最好从ngRoute的cdn版本开始,以确保使用相同的版本。谢谢你的回复。我照你说的做了,并将代码更改为上面的代码,但问题仍然存在。@christian它应该可以工作。你能创建一个plunkr/fiddle吗?谢谢你的回复。我照你说的做了,把代码改成了上面的代码,但问题仍然存在。@christian它应该可以工作。你能创建一个plunkr/fiddle吗?