Html ui-view,角度路由ui-view在另一个ui-view中

Sanjay Singh..

18

它可以在另一个ui-view中制作"ui-view".

假设你有一个index.html

和州提供者是这样的: -

$stateProvider

.state('books', {

parent: 'pages',

url: '/books',

views: {

'content@': {

templateUrl: 'books.html',

controller: 'BooksController'

}

}

})

在books.html中,您有一些链接和另一个ui-view(嵌套的ui-view).点击链接填充嵌套的ui-view.

books.html

现在国家提供者是: -

$stateProvider

.state('books', {

parent: 'pages',

url: '/books',

views: {

'content@': {

templateUrl: 'books.html',

controller: 'BooksController'

}

}

})

.state('book1', {

parent: 'books',

views: {

'bookDetails@books': {

templateUrl: 'book1.html',

controller: 'BookOneController'

}

}

})

.state('book2', {

parent: 'books',

views: {

'bookDetails@books': {

templateUrl: 'book2.html',

controller: 'BookTwoController'

}

}

})

.state('book3', {

parent: 'books',

views: {

'bookDetails@books': {

templateUrl: 'book3.html',

controller: 'BookThreeController'

}

}

})

bookDetails @ books: - 在'books'状态下填充'bookDetails'ui-view,或者我们可以说在'books'状态下找到'bookDetails'ui-view并用'views'对象填充它.