angularjs – ui-router不呈现视图
发布时间:2020-12-17 10:26:13 所属栏目:安全 来源:网络整理
导读:我最近拆分了一个我拥有的rails应用程序,并创建了前端作为一个单独的应用程序与自耕农.由于某些原因,我的视图不再呈现,例如我的应用程序定义: 'use strict'; var actionTrackApp = angular.module('actionTrackApp',[ 'ui.router','ngGrid']); actionTrackA
我最近拆分了一个我拥有的rails应用程序,并创建了前端作为一个单独的应用程序与自耕农.由于某些原因,我的视图不再呈现,例如我的应用程序定义:
'use strict'; var actionTrackApp = angular.module('actionTrackApp',[ 'ui.router','ngGrid']); actionTrackApp.config(function($locationProvider) { return $locationProvider.html5Mode(true); }); actionTrackApp.config(function($stateProvider){ $stateProvider .state("packageIndex",{ url: "/packages",views: { "main": { controller: "ApplicationCtrl",template: "<h1>Test</h1>" },"": { template: "<h1>Test2</h1>" } },resolve: { test: function(){ console.log("test") } } }) }); 在我的index.html文件中,我有: bodytag ng-app="actionTrackApp" ng-controller="ApplicationCtrl"> your site or application content here<a href='/packages'>Package Index</a> <div ng-view="main" class="container"></div> <div ng-view=""></div> /bodytag 当我点击链接时,resolve属性确实解析了,我在控制台中看到“test”.我尝试在应用程序控制器上附加$routeChangeStart / success watch,但这里没有启动/成功.
我看了你的代码,发现了几个问题
>要引用ui-router视图,必须使用指令ui-view,而不是ng-view 完成这些更改后,所有工作都按预期进行:http://plnkr.co/edit/lxAUGMqajwI461VKz8xo ps:我继续在你的链接上使用ui-sref而不是硬编码/ package url … (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- angular – ERROR in Error遇到静态解析符号值.调用函数’?
- angular – 错误:类型typeof Observable上不存在属性计时器
- 在Angular中具有多个参数的RouterLink
- angularjs – 如何将参数传递给角度js中的过滤器函数
- 使用Profile创建第一个Grails+Angular2应用
- scala(包)对象被反编译为java – 包含“new();”的静态初始
- scala访问限定符有哪些保证?
- angularjs – webapi owin使用令牌和cookie
- 2010年终总结
- linux – 来自CoreOS的Docker和Rocket有什么区别?