Использование ui-router в угловом режиме, я настроил «состояние пользователей», когда все пользователи в моем приложении возвращаются в ng-repeat. Я пытаюсь создать состояние показа на странице профиля пользователей, однако вид состояния ребенка наследует родительский вид «шаблоны/пользователи/index.html» (вот мой app.js:UI-Router вложенное представление состояния не рендеринг (представление родительского представления)
.state('users', {
abstract: true,
name: 'users',
url: '/users',
views: {
nav: {
templateUrl: 'templates/navbar.html',
controller: 'MainCtrl'
},
content: {
templateUrl: 'templates/users/index.html',
controller: 'UsersCtrl'
}
}
})
.state('users.show', {
url: '/show/:id',
views: {
nav: {
templateUrl: 'templates/navbar.html',
controller: 'MainCtrl'
},
content: {
templateUrl: 'templates/users/show.html',
controller: 'UsersCtrl'
}
}
});
Здесь мой index.html:.
<div class="container">
<label>Search: <input ng-model="searchText"></label>
<a ui-sref="users.show({id: user.id})" ng-click="showUser(user.id)" ng-repeat="user in users | filter:searchText ">
<h2> {{ user.name }} </h2>
<h3> {{ user.email }} </h3>
<button ng-click="createConversation({sender_id: current_user.id, recipient_id: user.id})" >Message</button>
</a>
</div>
URL-адрес в браузере http://localhost:8080/#/users/show/2 однако файл HTML наследуется в состоянии users.show это файл родители пользователей (index.html)
Любая оцененная помощь !
ознакомьтесь с этим [вложенным маршрутом] (http://stackoverflow.com/questions/34251255/creating-nested-route-app-in-angular-using-angular-ui-router-and-switching-betwe/ 34251256 # 34251256) – Maher