Ionic中新的「製表級」視圖

我有一個製表符項目。我處理新的視圖和新的控制器，但我現在陷入了一種情況：Ionic中新的「製表級」視圖

我想創建一個歡迎屏幕（用於記錄/帳戶創建），然後到達選項卡。所以，我創建了一個包含一個模板/ welcome.html文件：

<ion-view view-title="Welcome"> 
    <ion-content class="padding"> 
     <p>hello</p><br> 
     <a class="button button-block button-positive" 
     nav-direction="forward" 
     href="#/tab-dash">Tabs</a> 
    </ion-content> 
</ion-view>

然後，我在應用路由器註冊了這個新的一頁：

.state('welcome', { 
    url: '/welcome', 
    views: { 
     'welcome': { 
     templateUrl: 'templates/welcome.html', 
     controller: 'WelcomeCtrl' 
     } 
    } 
    })

創建控制器

.controller('WelcomeCtrl', function($scope) {})

最後，我在選項卡之一中創建了此頁面的鏈接

<a class="button button-block button-positive" 
     nav-direction="forward" 
     href="#/welcome">Welcome</a>

我也將其設置爲默認的登陸頁面做：

$urlRouterProvider.otherwise('/welcome');

這兩個環節不發送到頁面並轉到網址＃/歡迎給出了一個空白頁空導航視圖欄。

我發現$ state.transitionTo（...）的解決方案，但我有相同的錯誤結果。

來源

2015-08-24 PJ.

：你可以通過plunker/codepen/jsfiddle顯示代碼嗎？ – Muhsin

它在JavaScript控制檯輸出中說了什麼？您是否將控制器js文件添加到index.html？ –

嗨謝謝你的回答，我的控制檯沒有觸發任何特別的東西。控制器被聲明爲模塊「starter.controllers」的一部分，該模塊在index.html中的angular.module行（...，'starter.controllers'，...） –

確保您已在angular.module（）中註冊了您的歡迎屏幕，該屏幕通常位於app.js文件中。

angular.module('tag', ['ionic', 'WelcomeCtrl'])

對於粘貼的有限代碼有點難。

來源

2015-08-24 15:37:35

謝謝你的回答。我的控制器是在controller.js中註冊的： angular.module（'starter.controllers'，[]） ... 。控制器（'WelcomeCtrl'，函數（$ scope）{}） ... 和我的應用程序有 angular.module（'starter'，['ionic'，'ionic.service.core'，'starter。控制器'，'starter.services']）。問題依然存在... –

問題是狀態：它沒有註冊視圖本身，而是包含視圖。這是工作配置。

.state('welcome', { 
    url: '/welcome', 
    templateUrl: 'templates/welcome.html', 
    controller: 'WelcomeCtrl' 
})

來源

2015-08-26 10:24:34

Ionic中新的「製表級」視圖

回答

相關問題