イオンフレームワークでのUIルータの問題
-
20-12-2019 - |
質問
私は最短のタブの例を使用してイオンフレームワークでアプリを持っています。ただし、一方のビューでは、ユーザーにアイテムをクリックしてそのアイテムに基づいて別のビューに入ることができます。
しかし、アイテムをクリックするたびに、正しいビューをロードしますが、そのビューのテンプレートファイルを呼び出しません。
これは私のルーターに持っているものです(注意事項は除外されています)
$stateProvider.state('tab', {
url: "/tab",
abstract: true,
templateUrl: "templates/tabs.html"
}).state('tab.dash', {
url: '/dash',
views: {
'tab-dash': {
templateUrl: 'templates/tab-dash.html',
controller: 'LoginController'
}
}
}).state('tab.friend-detail', {
url: '/friend/:friendId',
views: {
'tab-friends': {
templateUrl: 'templates/friend-detail.html',
controller: 'FriendDetailCtrl'
}
}
}).state('tab.buy', {
url: '/buy',
views: {
'tab-buy': {
templateUrl: 'templates/buy.html',
controller: 'PaymentController'
}
}
}).state('tab.account', {
url: '/account',
views: {
'tab-account': {
templateUrl: 'templates/tab-account.html',
controller: 'AccountController'
}
}
}).state('tab.order', {
url: '/account/order/:id',
views: {
'tab-order': {
templateUrl: 'templates/order-view.html',
controller: 'OrderController'
}
}
})
.
$ urlRouterProvider..Thothe( '/ tab / dash');
私のコントローラーでは、
$scope.viewOrder = function(id) {
$state.go('tab.order', {id:id});
};
.
テンプレート/ tab-account.html私は持っています:
<ion-view title="Account">
<ion-content class="has-header padding">
<h1>Account</h1>
<h2>Your orders</h2>
<div class="card" ng-repeat="booking in bookings">
<div class="item item-text-wrap">
<b><a ng-click="viewOrder(booking.id)">{{ booking.carpark.city }}</a></b> on <b>{{ booking.date | date:'dd.mm.yyyy' }}</b>
</div>
</div>
.
その後、アイテム固有のビューは次のとおりです。
<ion-view title="Order">
<ion-content class="has-header padding">
<h1>Your Order</h1>
<p>Test</p>
Order #: {{orderNumber}}
</ion-content>
</ion-view>
.
基本的に、URLがtab/account
から/tab/account/order/1
最近、人々が彼らを中心とし続けていて、私がばか不足しているとよく考えている場合、私は最近では謝罪に関するいくつかのスタックオーバーフローの質問をしました。/
事前にありがとう!
解決
ベースビューにUIビューが必要です。状態を入れ子にすると、ネストされたビューがUI-View要素を持っている場所ではベースビューの内側に表示されます.<div ui-view></div>
。
所属していません StackOverflow