0
私のインターネット上の問題のために数時間カップルを検索した後、私はまだ私の問題が解決する方法を理解することができません。ここで私が使用しているコードです。もし誰かがこれを助けることができれば。それから私は本当に感謝します。AngularJS UIルートを使用しているアプリケーションで現在作業中の別のui-view内の角度ui-view
私は、defaultLayout状態の中でheaderとfooterのために定義したように、ui-view = "sidebar"の状態を定義する方法を知りたかっただけです。何かを試しても動作していない。どのようなアイデアを共有してください。
HTML：
//====index.html=====//
<body ui-view="layout"></body>
//========default.html (nested view inside layout)=============//
<header ui-view="header"></header>
<div class="wrap">
<div id="container">
<div ui-view="alert"></div>
<div ui-view></div>
</div>
</div>
<footer ui-view="footer"></footer>
//=======products.html (another nested view inside empty ui-view in default.html file)========//
<div class="row"><div ui-view="sidebar"></div></div>
JSコード：
//=====states I have defined in my route files are=====//
$stateProvider.
state('defaultLayout', {
abstract: true,
views: {
'layout': {
templateUrl: 'views/layouts/default.html'
},
'[email protected]': {
templateUrl: 'views/elements/header.html',
controller: 'HeaderCtrl'
},
'[email protected]': {
templateUrl: 'views/elements/footer.html',
controller: 'FooterCtrl'
},
'[email protected]': {
templateUrl: 'views/elements/sidebar.html',
controller: 'SidebarCtrl'
},
'[email protected]': {
templateUrl: 'views/layouts/alert.html',
controller: 'AlertCtrl'
}
}
})
.state('home', {
url: '/',
templateUrl: 'views/pages/home.html',
controller: 'HomeCtrl',
parent: 'defaultLayout'
})
.state('checkout', {
url: '/pages/checkout',
templateUrl: 'views/pages/checkout.html',
controller: 'HomeCtrl',
parent: 'defaultLayout'
});
非常にひどく詰まっています。誰でも助けてください!!!! –