2016-03-22 38 views
2

Böylece, Uni grubumla iyonik bir uygulama oluşturuyorum ve bir json dosyasından bilgi gösterecek bir sekme oluşturmam gerekiyor. Dolayısıyla, sayfa oluşturulduktan sonra ilerlemedeyken dev görünümle kontrol etmek için bir bağlantıyı tıklayabilirim ancak sayfaya erişmenin bir yoluna ihtiyacım var. Bu kodun bu kod parçasında olmasını istiyorum. Bu sekmeyi aç/sayfada İleride oluşturacağım, şu anda sadece bir komut istemi açmalı ama hiçbir şey yapmıyor. Biz app.js dosyasında bir göz varsaİyonik uygulamada hiçbir şey yapmıyor ng-tıklatın

</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> 

biz index.html dosyasına bakarsanız ben kontrolörü

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

bağladığınız görebilirsiniz biz bağladıktan görebilirsiniz komut

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

ve biz Controller.js bir göz varsa biz istemi kodunu görebilirsiniz yeri

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

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

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

İyonik uygulamalarda çok yeniyim ve bu soruyu sormak için çok aptalca olduğumu hissediyorum ama bunu nasıl başarabilirim? Google fu'm açık bir şekilde eksiktir, ancak gerçekte aradıkları terimleri bulmak için doğru arama terimlerini bilmeleri gerekir. Özellikle içinde views bölümünden controller & templateUrl 's söz edecek gibi göz altında elde değildir devlet düzeyinde seçeneği controller: "AppCtrl", olması

cevap

1

, (eğer durumuna belirtilen views seçeneği varsa controller & templateUrl anlam görmezden gelirler olurdu) belirtmek, bildirmek.

Kod

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

Similar answer here

+0

Merhaba, bunu yaparken, hala bir şey yapmaz benim app ve bunun üstüne Android sürüm kırık gibi görünüyor. –

+0

@Pankaj Parkar haklı. Bu corretc yolu. "Sekmeler" gibi bir İyonik başlangıç ​​projesiyle başlasan iyi olur. Ardından, app.js ve denetleyicilere bakarak biraz zaman geçirin. –

+0

@GeorgeOthen bu olmamalı .. lütfen ekli cevap lütfen .. –

İlgili konular