Comme vous le savez en ui-router
angulaire, nous utilisons ui-view
pour rendre html
à html
parent. Selon ceci :
<!-- index.html --> <body> <div ui-view="filters"></div> <div ui-view="tabledata"></div> <div ui-view="graph"></div> </body>
Fichier js
:
$stateProvider .state('report', { views: { 'filters': { ... templates and/or controllers ... }, 'tabledata': {}, 'graph': {}, } })
De même, dans le cadre Ionic
, nous pouvons utiliser ceci:
<ion-nav-view name="filters"></ion-nav-view>
Quelle est la différence?
Il s'agit d'une directive cadran ionique personnalisée. Vous pouvez trouver une description détaillée ici ion-nav-view . Il a plus de fonctionnalités avancées comme l'histoire de suivi, les transitions et bien plus encore. Il utilise le routeur AngularUI.