Dlaczego widoki nadrzędne muszą być abstrakcyjne w celu wyświetlania widoków podrzędnych (widoków zagnieżdżonych)?ui-router Dlaczego stany macierzyste muszą być abstrakcyjne
$stateProvider
.state('A', {url: '/A', abstract: true, templateUrl: 'views/A.html'})
.state('A.B', {url: '', abstract: true, templateUrl: 'views/B.html'})
.state('A.B.C', {url:'', abstract:false, templateUrl:'views/C.html'});
Widok rodzic 'A' jest obsługiwana w home.html następująco:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Yomingo</title>
<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet"/>
<link href="lib/bootstrap/css/bootstrap-responsive.css" rel="stylesheet"/>
</head>
<body>
<div ui-view>
</div>
<script type="text/javascript" data-main="scripts/main" src="lib/require/require.js"></script>
</body>
</html>
Jeżeli którekolwiek z państw macierzystych 'A' lub 'B' jest oznaczona jako abstrakcyjne = false ui wyświetlana treść nie jest renderowana.
Załóżmy, że twoja strona aplikacji to home.html, a widok nadrzędny Szablon A to widoki/A.html ... powinieneś udostępniać widoki/A.html i widoki/B.html, abyśmy mogli zobaczyć, jak widoki podrzędne są umieszczane w widokach nadrzędnych. – laurelnaiad