AugularJS嵌套JSON和視圖

我是新的離子，所以開始玩起動器。我正在建立一個類似於室內應用的書庫，這裏是我的Plunker。AugularJS嵌套JSON和視圖

我有我的書數據存儲在services.js 正如你可以看到它是一個嵌套的JSON幾個類別的書一個JSON，每個類別都會有一些書。我設法從中提取分類信息，並使用ng-repeat將它們拖入列表中。

我想要實現的是當您單擊其中一個類別時，它將轉到視圖/頁面，列出該類別的所有書籍（模板文件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，我可以看到該數組返回預期。

但是，當我點擊類別列表中沒有任何反應時，錯誤消息根本不是用戶友好的。一些事情開始與注射器unpr然後跟着數百行。 AngularJS文檔說，這與不匹配的控制器名稱有關，但我已經三重檢查了我的名字，並且他們看起來對我很好。

我在這裏呆了整整一週，任何人都會對此表示謝意。

你可以直接修改my code here我有一種感覺，我有問題與我的controllers.js，只是不知道在哪裏。

來源

2016-08-06 Godinall

我用non-minified version並得到了以下錯誤代替你的ionic.bundle.min.js：

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

這說明角是無法解決appTabs依賴。

在你controller.js我換成這樣的：

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

與此來解決相關性錯誤。

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

我不知道這是你要做什麼，但我看到ionicMaterialInk.displayEffect();正在其他地方使用。

希望這可以幫助你。

來源

2016-08-06 18:06:06 sjokkogutten

謝謝，但這並不能解決問題。我得到了一個空白頁面，也弄亂了視圖，在替換代碼後無法導航到其他選項卡。 – Godinall

AugularJS嵌套JSON和視圖

回答

相關問題