イオンアプリケーションで何もしないでください。

Question

私はUniグループでイオンアプリを作成しています.Jsonファイルから情報を表示するタブを作成する必要があります。 一度ページが作成されると、進捗状況に応じてリンクをクリックして開発者ビューで確認できますが、そのページにアクセスする方法が必要です。 このコードスニペットのこのdivをこのタブ/ページを開くときに私が将来作成するようにしたいのですが、現在はプロンプトを開くだけですが何もしません。

</ion-header-bar> 
<ion-content> 
    <ion-list class="eventList"> 
     <div on-tap="noise()"> 
     <ion-item> 
      <a class="item item-thumbnail-left" href="#"> 
       <img src="img/ionic.png" class="eImage"/> 
       <h2 class="eTitle">CLICK ME!</h2> 
       <p class="eDateTime">23/07/17, 12:30pm</p> 
       <p class="eDesc">Here there will be a brief description of the event.</p> 
      </a> 
     </ion-item> 
     </div> 

我々はapp.jsファイルで見てみると、私たちは、私たちはindex.htmlファイルに見れば、私たちは、私がリンクして見ることができるコントローラ

.state('tab.home', { 
      url: '/home', 
      controller: "AppCtrl", 
      views: { 
       'tab-home': { 
        templateUrl: 'templates/tab-home.html' 
       } 
      } 
     }) 

をリンクしている見ることができますスクリプト

<script src="js/app.js"></script> 
    <script src="js/controllers.js"></script> 

、我々はController.jsで外観を持っている場合、我々は、プロンプトのコードを見ることができるの場所

var App = angular.module("App", ["ionic"]); 

App.controller("AppCtrl", ["$scope", "$log", AppCtrl]); 

function AppCtrl($scope, $log) { 
    $scope.noise = function() { 
     alert("Button pressed"); 
    } 
}; 

私はイオンアプリケーションには非常に新しいので、私はすでにこの質問をしているばかだと思っていますが、これをどうすれば達成できますか？私のgoogle fuは明らかに不足していますが、実際に検索している用語を見つけるために正しい検索用語を知る必要があります。あなたは、具体的にviewsセクションからcontroller & templateUrl年代に言及しようとしているよう検討中で得られないでしょう国家レベルのオプションでcontroller: "AppCtrl",を持つ

Answer 1

、（あなたが状態に言及したviewsオプションを持っている場合controller & templateUrlを意味は無視になるだろう）状態。

コード

views: { 
    'tab-home': { 
     templateUrl: 'templates/tab-home.html', 
     controller: "AppCtrl" //shifted controller to here 
    } 
} 

Similar answer here