如何将html页面链接到离子使用角度的按钮？

-1

我正在做一个离子1应用程序，我想打开一个页面，当我点击一个按钮时，我尝试过使用在线教程，但似乎没有任何帮助我。我知道如何在HTML中做到这一点，但我是新角度。如何将html页面链接到离子使用角度的按钮？

的Index.html

<body ng-app="starter"> 

    <ion-pane> 
     <ion-header-bar class="bar-stable"> 
     <h1 class="title">Ionic Blank Starter</h1> 
     </ion-header-bar> 
     <div class="bar bar-header"> 
    <h1 class="title">Header</h1> 
</div> 
<div class="bar bar-subheader"> 
    <h2 class="title">Sub Header</h2> 
    <div class="button-bar bar-balanced"> 
    <a class="button">First page </a> 
    <a class="button">Second page </a> 
    <a class="button">Third page</a> 
</div> 
</div> 
     <ion-content> 
     </ion-content> 
    </ion-pane> 
    </body>

App.js

angular.module('starter', ['ionic']) 

.run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
    if(window.cordova && window.cordova.plugins.Keyboard) { 

     cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 


     cordova.plugins.Keyboard.disableScroll(true); 
    } 
    if(window.StatusBar) { 
     StatusBar.styleDefault(); 
    } 
    }); 
})

来源

2017-03-03 ilearn

我没有看到任何路由我在您的应用程序chanism，也没有任何行动绑定到您的按钮。先做一些教程 – devqon

我已经完成了有关角度的教程，他们都使用ngrouting显示方法，当我实现的时候，在离子中不做任何事情，这就是为什么我已经提交了一个空白代码，以便有人可以告诉我我该怎么做。 – ilearn

离子默认使用角度的UI路由，所以你可以做这样的事情：在

angular.module('starter', ['ionic']) 
    .config(function ($stateProvider, $urlRouterProvider) { 
    $stateProvider 
     .state("first", { 
      url: "/first", 
      template: "<div>This is first page</div>" 
     }); 
    // other states 

    // default 
    $urlRouterProvider.otherwise("/first"); 
});

然后你按钮：

<a class="button" 
    ui-sref="first">First page </a>

而且某处，让离子知道在哪里加载您的观点：

<ion-nav-view></ion-nav-view>

来源

2017-03-03 14:54:38 devqon

Devqon的我不需要一个onclick（）当我点击按钮？ – ilearn

没有'ui-sref'的用途。你也可以通过'ng-click'来实现，但是你只能应用更多的逻辑而不是路由 – devqon

随着UI-SREF，它改变了html页面的状态，因为角是一个单页的应用程序，没有上点击需要为此，无论你的名字你的页面状态是你在ui-sref中调用的。例如

.STATE（ 'thispage'，{

URL： 'thispage'，

templateUrl： '/thispage.html'，

//控制器： 'thispageCtrl'

}

这一切是国家提供商内部..

来源

2017-03-03 16:12:53

如何将html页面链接到离子使用角度的按钮？

回答

相关问题