angularjsl路由_HTML5模式下的AngularJS路由404错误

问题是您没有将变量$ routeProvider分配给控制器，这导致控制器无法访问变量$ routeParams

试试吧

/*app.controller("blue_control", function($scope) {

$scope.msg = "this is blue";

});

app.controller("green_control", function($scope) {

$scope.msg = "this is green";

});*/

app.controller("blue_control", function($scope,$routeParams) {

console.log( $routeParams.term_user);

$scope.msg = "this is blue";

});

app.controller("green_control", function($scope,$routeParams) {

$scope.msg = "this is green";

});

UPDATE

我认为您不能使用带有较低版本angulajs的路由版本，例如，请更改较高版本的angularjs

/* */

blue

green //blue.html and green.html are in same directory as index.html

Click on the links to load blue or green.

var app = angular.module("app", ['ngRoute']);

app.config(function($routeProvider) {

$routeProvider

.when("/blue/:name?", {

templateUrl: "blue.html",

controller: "blue_control"

})

.when("/green", {

templateUrl: "green.html",

controller: "green_control"

})

});

app.controller("blue_control", ['MyFirstController',function($scope, $routeParams) {

$scope.msg = "this is blue";

}]);

app.controller("green_control", ['MyFirstController2',function($scope, $routeParams) {

$scope.msg = "this is green";

}]);

angularjsl路由_HTML5模式下的AngularJS路由404错误相关推荐

解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页前言问题分析问题解决结语前言众所周知,Vue路由有两种模式,默认hash模式,这种模式下url上会带"#&q ...
解决vue路由hash模式下,微信网页授权问题
解决vue路由hash模式下,微信网页授权问题本人开发负责微信公众号端,菜单都是自定义菜单,然后每个菜单路径都是经过授权如:http://xxxx.com/ceshi/wechat/authoriz ...
智能硬件一键WIFI配置模式下，对路由设置比较敏感
2019独角兽企业重金招聘Python工程师标准>>> 智能硬件连接wifi,有两种模式,一种是AP,一种是一键配置.详见我的博客:连接在一键配置下,我发现对路由配置有一定要求. ...
mt7688 ap-client 模式下连接上级路由
硬件平台:mt7688 软件平台:原生sdk MediaTek_ApSoC_SDK_4300_20140916 1.设置上级路由器的ssid和密码 nvram_set 2860 ApCliEnable ...
postgresql 在流复制模式下，WAL发生以下错误的对处方法
postgresql在流复制模式(stream)时,slave侧log出现以下错误: record with zero length at XXX FATAL:terminating walrecei ...
Linux运维之LVS实现负载均衡的DR（直接路由）模式
前言: 我们在浏览器输入网址后,经过cdn的反向代理后缓解了一些访问压力,下面就来到了LB(负载均衡)集群! 硬件负载均衡器 HA.F5 软件实现负载均衡 (LVS(工作在OSI网络模型的传输层).N ...
React 路由匹配模式
React 路由匹配模式 react中的路由按照路径的正则进行匹配,很容易出现同时匹配多个路由组件的情况,路由规则提供了一个唯一匹配模式组件:Switch 问题:添加Switch没有任何反应,且各个页 ...
双网卡同网段静态路由_WINDOWS系统下双网卡设置路由本文主要涉及到静态路由...
WINDOWS系统下双网卡设置路由本文主要涉及到静态路由. 二.WINDOWS系统下设置路由在WINDOWS下手动设置路由主要在DOS系统中命令符下(在运行输入栏中键入COMMAND或者CMD即 ...
vue 打包路由报错_Vue下路由History模式打包后页面空白的解决方法
vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用场景.新手往 ...

angularjsl路由_HTML5模式下的AngularJS路由404错误

angularjsl路由_HTML5模式下的AngularJS路由404错误相关推荐

最新文章

热门文章