Question

如果我将部分页面设置为视图和名称，则我的ui路由器代码无效。请看下面的代码。

html：我使用标签作为父状态。

<input type="button" id="btnUpdatePolicy" data-bind="click: updatePolicy" value="Update Policy"/>

<input type="button" id="btnViewPolicies" data-bind="click: getPolicies" value="View Policies"/>

<div id="dvPoliciesContainer">
  <table id="tblPolicies"></table>
</div>

然后是角度ui路由器：

 <ul class="sidebar-nav">
               <li>
            <a ui-sref=".timeline" name="timeline-tab"><div class="chap-title">chap1</div></a>
        </li>
        <li>
            <a ui-sref=".chap2" name="chap2-tab"><div class="chap-title">chap2</div></a>
        </li>
  </ul>
<div ui-view></div>

chap1的路由器工作正常。但是当我添加视图时，它不适用于chap2。根据教程

，我不知道我遗失了什么

第二章的问题是整个页面内容/控制器没有加载。没有错误消息，只是没有内容

Answer 1

为什么使用名称而不是“州”？

更改下面的代码，看看它是否有效。

      //chap1 page
      .state('tab.timeline', {
        url: '/timeline',
            templateUrl: 'partials/chap1_timeline.html',
            controller: 'timelineController'
      })

    //chapter 2
         .state('tab.chap2', {
            url:'/chap2',
            views:{
              '.chap2':{
                templateUrl:'partials/chap2_scroll.html',
                controller:'Chap2Controller'
              }
            }
          })

Angular ui路由器视图不起作用

1 个答案: