app.jsのコントローラがイオンプロジェクトで動作していません

私のIonicプロジェクトでは、app.jsでコードを書きましたが、index.htmlファイルでコントローラを使用すると動作しません。app.jsのコントローラがイオンプロジェクトで動作していません

どうすればいいですか？

app.js：

var app= angular.module('starter', ['ionic']); 
app.controller('ListCtrl',function($scope) 
    { 
     $scope.notes = 
     [ 
      { 
       title:'First note' 
       description:'This is my first note' 
      }, 
      { 
       title:'Second Note' 
       description:'second note' 
      } 
     ]; 
});

のindex.html：

<body ng-app="starter"> 

    <ion-pane> 
     <ion-header-bar class="bar-stable"> 
     <h1 class="title">InfoNote</h1> 
     </ion-header-bar> 
     <ion-content ng-controller="ListCtrl"> 
      <div class ="list"> 
      <div class ="item" ng-repeat="note in notes" > 
        {{note.title}} 
       </div> 
      </div> 
     </ion-content> 
    </ion-pane> 
    </body>

出典

2016-05-22 MD.Sazid Hasan Dip

あなたはindex.htmlを定義するために何をしたかの状態 –

が動作していないものに手の込んだていただけますか？ – Nenroz

@Habkamas私はかなり理解していませんでしたが、私は何の状態も使用しませんでした。私はちょうどapp.js（あなたが見ているコード）にコントローラコードを書いて、それをイオンブランクのindex.htmlファイルその特定のコードの使用をよりよく理解するためにtemplate.for。しかしそれは動作しませんでした...私はイオンフレームワークサイトのドキュメントを通過したが、まだ動作しません... :( –

あなたのJSONにコンマを忘れてしまいました。あなたのcontrollerでは、これを再試行してください：

app.controller('ListCtrl',function($scope) 

{ 
    $scope.notes = 
    [ 

     { 
      title:'First note', 
      description:'This is my first note' 
     }, 
     { 
      title:'Second Note', 
      description:'second note' 

     } 
    ]; 
});

出典

2016-05-22 18:46:49 Nenroz

非常に非常に非常にありがとう.. ...私はあなたの答えを投票することはできません今私の評判が15歳未満です。私はあなたの答えを投票するでしょう.... D –

@ MD.SazidHasanDipあなたは彼の答えをUPVOTEすることはできませんが、それを受け入れることができます;）緑色の矢印 –

app.jsのコントローラがイオンプロジェクトで動作していません

答えて

関連する問題