基于布尔值的 angularJS 中的路由
Routing in angularJS based on a boolean value
.config(["$routeProvider", 'partial', 'contentUrl', 'appContext', function ($routeProvider, partial, contentUrl, appContext) {
$routeProvider
.when('/notifications', {
templateUrl: partial('popup.html'),
controller: 'popUpCtrl',
resolve: {
notifications: ['$http', function($http) {
return $http.post(
appContext('ViewAllNotifications.json'),
{"categoryGroupType":"ROLB","isArchived":"N","channelTypeCode":"101","limit":"20","page":"0","customerType":"A"}
);
}]
}
})
;
}])
上面的代码工作得很好。我想在这里做一些基于条件的路由。我可以做类似的事情吗?
.config(["$routeProvider", 'partial', 'contentUrl', 'appContext', function ($routeProvider, partial, contentUrl, appContext) {
$routeProvider
.when('/notifications',
if(something){
templateUrl: partial('popup.html'),
controller: 'popUpCtrl',
resolve: {
notifications: ['$http', function($http) {
return $http.post(
appContext('ViewAllNotifications.json'),
{"categoryGroupType":"ROLB","isArchived":"N","channelTypeCode":"101","limit":"20","page":"0","customerType":"A"}
);
}]
}
}
else{
templateUrl: partial('popup2.html'),
controller: 'popUpCtrl',
resolve: {
notifications: ['$http', function($http) {
return $http.post(
appContext('ViewAllNotifications2.json'),
{"categoryGroupType":"ROLB","isArchived":"N","channelTypeCode":"101","limit":"20","page":"0","customerType":"A"}
);
}]
}
})
;
}])
基本上我想根据布尔值加载另一个部分。有人可以指导我完成这个吗?我对棱角很陌生。
试试这个,可能会起作用:
.config(["$routeProvider", 'partial', 'contentUrl', 'appContext', function ($routeProvider, partial, contentUrl, appContext) {
$routeProvider
.when('/notifications', {
templateUrl: function (){
if (something) {
return partial('popup.html');
}
else {
return partial('popup2.html');
}
},
controller: 'popUpCtrl',
resolve: {
notifications: ['$http', function($http) {
if (something) {
return $http.post(
appContext('ViewAllNotifications.json'),
{"categoryGroupType":"ROLB","isArchived":"N","channelTypeCode":"101","limit":"20","page":"0","customerType":"A"}
);
}
else {
return $http.post(
appContext('ViewAllNotifications2.json'),
{"categoryGroupType":"ROLB","isArchived":"N","channelTypeCode":"101","limit":"20","page":"0","customerType":"A"}
);
}
}]
}
}
;
}])
相关文章:
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- AngularJS ui路由器html5模式中断路由
- 路由不'我不在AngularJS工作
- 在angularjs中动态路由url路径
- AngularJS路由没有'不起作用
- AngularJS路由在初次点击时没有加载ng模板
- Angularjs:ui路由嵌套状态下的绑定不起作用
- AngularJS路由服务器端支持(NodeJS+express)
- AngularJs 多个布局用于不同的路由
- 延迟 AngularJS 路由更改,直到加载模型以防止闪烁
- AngularJS 路由功能不起作用
- AngularJs 路由名称未更新
- 防止谷歌索引AngularJS路由
- Angularjs:路由后如何调用控制器函数
- 在 AngularJS 路由中使用常量
- AngularJS-有条件地为路由设置控制器
- Angularjs UI视图和Rails服务器端模板路由
- AngularJS路由未绑定控制器
- 在路由 angularjs/expressjs 之间传递数据
- 基于JSON响应的动态路由angularJS