Кнопка не открывать новую страницу в ионном каркасе

Вот мой код. Я хочу открыть новую страницу, когда пользователь нажимает кнопку «Войти». Я уже написал конфигурационную функцию и установил имя состояния. Почему моя страница "applicaion.html" не открывается.Кнопка не открывать новую страницу в ионном каркасе

В консоли я могу видеть имя пользователя, но $state.go('apps') Строка не работает.

[http://codepen.io/skpatel/pen/XbVjKJ][1] 
[1]: http://codepen.io/skpatel/pen/XbVjKJ

источник

2015-06-27 sam_k

Смотрите этот обновленный код: http://codepen.io/anon/pen/PqEpbR?editors=101

Вы пропустили следующее в index.html: добавить ссылку на ui-view (от УИ-маршрутизатора), который управляет изменением взглядов. Ваш код был статичным в index.html без ссылки на новые страницы.

UI-view был добавлен в index.html. Это директива ui-router и является обязательной. Ионные использует UI-маршрутизатор

<body> 
    <div ui-view></div> 
</body>

Я потушить код страницы входа в шаблон сценария:

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

    <ion-header-bar class="bar-calm"> 
     <h1 class="title">Application Permissions</h1> 
    </ion-header-bar> 
    <ion-content padding="true" has-header="true" padding="true" ng-controller="HomeCtrl"> 
     <p>Welcome to the privacy mirror home page!</p> 
     <p>Enter your name and then you can just tap the login button to be logged in</p> 
     <label class="item item-input" class="padding"> 
      <input type="text" placeholder="Username" ng-model="user.username" required> 
     </label> 
     <div class="padding"> 
      <button class="button button-block button-stable" ng-click="login()">Login</button> 
     </div> 
    </ion-content> 
</script>

А также создал apps.html t emplate:

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

    THIS IS MY APP PAGE 
</script>

Наконец, есть правила маршрутизации для обновления до пункта home.html

.state('home', { 
       url: '/home', 
       templateUrl: 'home.html', 
       controller: 'HomeCtrl' 
      })

источник

2015-06-27 17:27:53 aorfevre

Спасибо. Позвольте мне попробовать себя. –

В соответствии с этим руководством его не обязательно ставить 'ui-view'. Зачем ? Я совершенно новый для этой технологии, извините за тупые вопросы –

Я отредактировал свой ответ, чтобы включить ui-view часть – aorfevre

Кнопка не открывать новую страницу в ионном каркасе

ответ

Смежные вопросы