入れ子JSONとビューを持つAugularJS

Question

私はイオンで新しく、スターターで遊んで始めます。私は自宅用アプリのような図書館を建てています。ここに私のPlunkerです。

私はservices.js に保存されているJSONに私の本のデータを持っているあなたは、それはいくつかの書籍のカテゴリを持つネストされたJSONだ見ることができるように、各カテゴリは、本の数を持っています。 私はそこからカテゴリ情報を抽出し、ng-repeatを使用してそれらをリストにプルすることができました。

私が達成したいのは、カテゴリの1つをクリックすると、そのカテゴリのすべての書籍（テンプレートファイルchat-detail.html）を一覧表示するビュー/ページに移動します。 その後、特定の本をクリックすると詳細ページが開きます（最後のステップを通過できなかったテンプレートは作成されません）。

私はコードの下にカテゴリ名を取得しようとしている：

get: function(catname) { 
    for (var i = 0; i < chats[0].categories.length; i++) { 
    if (chats[0].categories[i].catname === catname) { 
     return chats[0].categories[i]; 
    } 
    } 
    return null; 
} 

は私がにconsole.logをしたと私は予想通りその配列が返さ見ることができます。

しかし、カテゴリリストをクリックしても何も起こりません。エラーメッセージはユーザーフレンドリーではありません。 Injector unprで始まり、何百行もの行が続きます。 AngularJSのドキュメントはこれがコントローラの名前の不一致に関連していると言いますが、私は自分の名前を三重にチェックしてくれて、彼らは私によく見えます。

私は一週間一日中立ち往生していますが、誰もがこれに光を当てると大いに感謝するでしょう。

あなたは、直接私はちょうどどこかわからない、私のcontrollers.jsに問題を抱えている感覚を持っているmy code hereで変更することができます。

Answer 1

私はnon-minified versionとなった次のエラーであなたのionic.bundle.min.jsを置き換える：これは、角度がappTabs依存関係を解決することができませんことを述べ

Error: [$injector:unpr] Unknown provider: appTabsProvider <- appTabs <- AppTabs

。依存関係のエラーを解決するために、これと

.controller('AppTabs', function($scope, $stateParams, appTabs) { 
    appTabs.displayEffect(); 
}) 

：あなたのcontroller.jsで

は、私はこれを置き換えます。これはあなたがのために行っていたが、私は他の場所で使用されているionicMaterialInk.displayEffect();を見たものだった場合、私は知らない

.controller('AppTabs', function($scope, $stateParams, ionicMaterialInk) { 
    ionicMaterialInk.displayEffect(); 
}) 

。

これがあなたを助けてくれることを願っています。