0

意见/index.jade：

extends layout

block content
  div(ui-view)

意见/部分/user.jade

h1 Route 1
hr
a(ui-sref=".profile") Show Content
div(ui-view)

js/appStates.js

'use strict';

var app = angular.module('myApp');

app.config(['$stateProvider', '$urlRouterProvider',
  function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise("/user");

    $stateProvider
      .state('user', {
        url: '/user',
        templateUrl: 'partials/user'
      })
      .state('user.profile', {
        url: '/profile',
        template: '<h1>My Contacts</h1>'
      })
    ;
  }
]);

“我的联系人”永远不会出现。请注意，该链接似乎是正确的。不知道发生了什么。

我尝试了以下方法：

http://tech.endeepak.com/blog/2014/05/03/debugging-angular-ui-router/

我注意到嵌套视图上从未调用过'$viewContentLoaded'，不知道为什么。任何不应该调用它的情况？

4

2 回答 2

1

通过 IRC 频道的快速帮助，我设法解决了它。

问题出在玉文件中的第 4 行：

div(ng-view)

由于某种原因，默认情况下，jade 将呈现值等于名称的空属性。所以结果html是：

<div ng-view="ng-view"></view>

一个简单的解决方法是在玉中将其设置为空值

div(ng-view="")

现在它可以工作了。

再次感谢 IRC 的人们。

于 2014-10-17T13:54:05.653 回答
0

如果您使用 gulp，请将文档类型指定为 html5，以便玉知道无名标签是有效的

咖啡脚本示例

# Compile jade to html
gulp.task 'jade', ->
  gulp.src paths.jade
  .pipe jade({pretty: true, doctype: 'html')
于 2015-06-24T06:53:00.130 回答