状态更改时，如何防止在命名视图上重新加载？AngularJS UI路由器

ui-router

换句话说：如果

ui-view="nav"

list

detail

父状态的定义将如下调整：

.state('person.list', {    url: '/list',    views: {        "main@": { templateUrl: "person.list.html", controller: 'PersonListController'        }        // here we target the person.list.html        // and its ui-view="nav"        '[email protected]': { templateUrl: "person.nav.html", controller: 'PersonNavController'        }    }

那么诀窍在哪里？在角的力量

ui-router

nav

list

我们只需要使用定义的命名约定，请参阅：

• 视图名称-相对名称与绝对名称

提到的文档中很少有引用的行：

views: {    ////////////////////////////////////    // Relative Targeting  //    // Targets parent state ui-view's //    ////////////////////////////////////    // Relatively targets the 'detail' view in this state's parent state, 'contacts'.    // <div ui-view='detail'/> within contacts.html    "detail" : { },    // Relatively targets the unnamed view in this state's parent state, 'contacts'.    // <div ui-view/> within contacts.html    "" : { },    ///////////////////////////////////////////////////////    // Absolute Targeting using '@'//    // Targets any view within this state or an ancestor //    ///////////////////////////////////////////////////////    // Absolutely targets the 'info' view in this state, 'contacts.detail'.    // <div ui-view='info'/> within contacts.detail.html    "[email protected]" : { }    // Absolutely targets the 'detail' view in the 'contacts' state.    // <div ui-view='detail'/> within contacts.html    "detail@contacts" : { }