Question

我坚持将ui-router集成到我的角应用程序中。为了保持简单，它可以工作，只有模板不会被渲染。我也没有任何错误。

html布局文件

div.navbar.navbar-default.navbar-fixed-top
  ul.nav.navbar-nav
    li
      a(ui-sref='index') Home
    li
      a(ui-sref='about') About

div.container
  div.view-frame(ui-view)

家庭的部分（看起来相似）

div.row(ng-controller='HomeCtrl')
  div.col-sm-12
    h1.lead Welcome

我的路线

$stateProvider
  .state('about', {
    url: '/about/',
    templateUrl: '/partials/about.html'
    //template: '<h1>Test</h1>' doesn't work as well
  })
 .state('index', {
    url: '/',
    templateUrl: '/partials/index.html'
  })

当我点击其中一个链接并检查我的网络流量时，模板/部分加载也会更改网址。我甚至可以在chrome开发人员工具中看到我的html的正确预览。我唯一的问题是，ui路由器确实将它加载到ui-view指令中。

我使用最新的Chrome和最新版本的ui-router。我通过api加载了所有的部分内容，但无论如何这都很重要。之前我使用过正常的路由提供商，那个工作得很好，我尝试升级＆＃39;。

我做错了什么或者我发现了一个错误吗？

Answer 1

看起来你正在使用玉石。省略属性的值会使值成为属性名称，因此生成/呈现的HTML看起来像

<div class="view-frame" ui-view="ui-view"></div>

当ui-router在您的状态'ui-view'中查找视图时，它无法找到它。当它在名为''的模板中查找视图时，找不到它。您需要将属性设置为空字符串，以便ui-router可以找到默认值''

div.view-frame(ui-view='')

为什么ng-view不呈现我的模板？

1 个答案: