javascript - Angular ui-router 中的绝对名称

Question

我希望澄清docs中提到的这个案例。 ->

$stateProvider
  .state('contacts.detail', {
    views: {

        // absolutely targets the 'status' view in root unnamed state.
        // <div ui-view='status'/> within index.html
        "status@" : {
                    templateUrl: layout.html,
                    controller : 'MainController as vm'
         }


  });

因此，在这种情况下，如果我错误地最终定义了另一个具有类似 View 对象的状态，例如 -

$stateProvider
  .state('contacts.detail1', {
    views: {

        // absolutely targets the 'status' view in root unnamed state.
        // <div ui-view='status'/> within index.html
        "status@" : {
                    templateUrl: layout1.html,
                    controller : 'MainController1 as vm'
         }


  });

那么在选择分配给 ui-view="status"元素的模板和 Controller 时会发生冲突吗？

Answer 1

不，不会有任何冲突。定义你的 ui-router 代码如下

$stateProvider
  .state('contacts.detail', {
    url: '.detail',
    views: {
      "status@" : {
        templateUrl: layout.html,
        controller : 'MainController as vm'
       }
    }).state('contacts.detail1', {
    url: '.detail1',
    views: {
        "status@" : {
            templateUrl: layout1.html,
            controller : 'MainController1 as vm'
         }
  });

但也应该有一个联系人状态。
第一个网址为 /contacts.detail，第二个网址为 /contacts.detail1