Question

我正在使用ui-sref并尝试更改main.js文件中的状态。 url更改为相应的状态，但模板不会。我实际上要做的是更改main.js文件中的状态，该文件使用具有来自另一个home.js文件的ui-view的模板。 ui-view在我的“主”状态下正确运行，但在“创建 - 患者”状态下失败并从“主”状态返回模板。

以下是我的代码段：

<a ui-sref="createPatient"> * Click here to create a Patient Record * </a>

main.js

.config(($stateProvider, $urlRouterProvider) => {
"ngInject";
$urlRouterProvider.otherwise('/');

$stateProvider.state('main', {
  url: '/',
  template: require('./main.html')
});

$stateProvider.state('createPatient', {
  url: '/create-patient',
  template: require('./mainCreatePatient.html')
})

}）

main.html中

<div>
  <header-component></header-component>
</div><br/>
<div>
  <breadcrumbs-component></breadcrumbs-component>
</div>

<div class="clear"></div>

<div class="home" id="body-wrapper" ui-view="homePage">
</div>

mainCreatePatient.html

<div>
  <header-component></header-component>
</div><br/>


<div class="clear"></div>

<div class="home" id="body-wrapper" ui-view="patientCreate">
</div>

home.js

.config(($stateProvider, $urlRouterProvider) => {
    "ngInject";
    $urlRouterProvider.otherwise('/');

    $stateProvider.state('home', {
      url: '/',
      views : {
        "homePage@" : {
          template: require('./home.html')
        },
        "patientCreate@" : {
          template : require('./patientCreatePage.html')
        }
      }
    });
})

我只是坚持这一点，不知道是否有更好的方法可以做到这一点。任何帮助都会很明显。在此先感谢!!

ui-sref不会因为状态像子状态一样改变模板

0 个答案: