javascript - ui.router 改变状态，但 ui-view 不显示任何东西？

Question

虽然状态已成功更改，但我无法让 ui-view 更新:

HTML

<a ui-sref="promo.foo">Foo state</a>
<a ui-sref="promo.bar">Bar state</a>

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

JavaScript

$urlRouterProvider.otherwise("/");

$stateProvider
    .state('promo', {
               url: "/",
               abstract: true
           })
    .state('promo.foo', {
               url: "promo/foo",
               template: "'<h3>Foo</h3>'",
               controller: function($scope) {
                   $scope.value = 'foo';
               }
           })
    .state('promo.bar', {
               url: "promo/bar",
               template: "'<h3>Bar</h3>'",
               controller: function($scope) {
                   $scope.value = 'bar';
               }
           })

Plnkr (带有引导样式)

我也尝试过将 ui-view 设置为相同的特定状态；并从我的 $scope 动态更改其 RHS。

Answer 1

由于您正在尝试创建嵌套 View ，因此 home 状态应该有一个包含 ui-view-element 的模板。此外，您在模板中同时使用了双引号和单引号

template: "'<h3>Foo</h3>'"

这是Plunker吗？你在想什么？