加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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
>“”视图定义不正确 – 您必须使用有效的密钥名称,我将其更改为a并更新了html中的引用

完成这些更改后,所有工作都按预期进行:http://plnkr.co/edit/lxAUGMqajwI461VKz8xo

ps:我继续在你的链接上使用ui-sref而不是硬编码/ package url …

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读