ionic state多頁面跳轉__ionic筆記

使用ionic做Hybrid App開發，首先要遇到的就是如何?頁面跳轉，一般會遇到以下問題： 1.一個tab導航，實現二級，多級頁面跳轉 eg：“我”的頁面，進入下一級“設定”

需要使用state進行跳轉，步驟： 1.在app.js中，給你的moudle添加新state

<span style="font-size:24px;">.state('tab.setting', {url: '/setting',views: {'tab-me': {templateUrl: 'templates/setting.html',controller: 'SettingCtrl'}}})</span>

注意： （1）你的首頁state為tab，你的下一級就是tab.setting， tab.表示此狀態頁面為tab的下一級，必須有。 （2）views項必須要有。如果是一級頁面，才需要把templateUrl，controller，放到外面 2.添加頁面setting.html，方法有兩種： （1）在templates目錄底下建立setting.html檔案 （2）使用<script>建立

<script id="templates/setting.html" type="text/ng-template">

3.在moudle添加新contrler

.controller('SettingCtrl', function() {})