[英]Can't bind data to view angularjs
在使用ionic框架中的angularjs將數據綁定到視圖時,遇到了一些問題。
這是我的controller.js:
.controller('InventoryCtrl', function($scope, Category, Inventory) {
$scope.categories = Category;
$scope.searchInventory = function(category){
var word = category.Category;
var ref = new Firebase('https://vivid-heat-2430.firebaseio.com/');
var invenRef = ref.child('Inventories');
var prodRef = invenRef.child('Products');
invenRef.orderByChild("Products").on("child_added", function(snapshot) {
var data = snapshot.val();
var store = data.Inventory;
var prod = data.Products;
var test = Object.keys(prod);
for( var i = 0; i < test.length; i++){
if (test[i] == word) {
console.log(test[i]);
console.log("Storage place: " + data.Inventory + " Datum inventaris: " + data.Date);
$scope.show= test[i];
};
};
});
};
})
在這里,我從陣列中獲取產品。 然后我在比較它。 它會給我匹配的對象,也給我它所屬的存儲位置。 我可以在控制台中登錄。 但是,當我嘗試將其綁定到我的視圖時。 它什么也沒有給我。
這是我的index.html:
<ion-content>
<p><b>Zoek categorie</b></p>
<ion-scroll direction="y" >
<div style="max-height: 300px" ng-controller="InventoryCtrl">
<ion-list>
<ion-radio ng-repeat="category in categories" class="item-accordion" ng-model="checked.check" value="{{category.Category}}" ng-click="searchInventory(category)">
<p>{{category.Category}}</p>
</ion-radio>
<br>
</ion-list>
</div>
<div>
<ion-list>
<ion-item>
{{show}}
</ion-item>
</ion-list>
</div>
</ion-scroll>
</ion-content>
而且我不明白自己做錯了什么……是因為我的$scope.show
仍位於.on
方法內?
我不太熟悉Firebase,但我假設它是您用來提取數據的第三方服務。 您的數據更新可能發生在角度摘要周期之外。 將數據附加到合並范圍后,只需添加此代碼即可。
$ scope.digest()
嘿,我猜您的Category依賴性是正在注入控制器的服務嗎? 在那種情況下,我通常要做的就是寫這樣的東西。
.controller('InventoryCtrl', function($scope, Category, Inventory) {
$scope.categories = [];
Category.query(funciton(categories){
$scope.categories = angular.copy(categories);
});
在控制器中查詢服務后,這將存儲您的類別。 之后,只需在html中使用類似NG-REPEAT之類的東西即可。
<li ng-repeat='cat in categories'>
{{cat.name}}
{{cat.id}}
</li>
@YerkenTussupekov關於第三者服務和摘要周期是正確的。
這就是為什么在Firebase中我們創建了AngularFire。
AngularFire是一個Angular模塊,為同步的收集和身份驗證提供了一組服務。
angular.module('app', ['firebase']) // include it in the dep array
.constant('FirebaseUrl', '<my-firebase-app>') // https://vivid-heat-2430.firebaseio.com/ in your case
.service('rootRef', ['FirebaseUrl', Firebase)
.factory('categoryArray', CategoryArray)
.controller('MyCtrl', MyController);
function CategoryArray(rootRef, $firebaseArray) {
var invenRef = rootRef.child('Inventories');
return $firebaseArray(invenRef);
}
function MyController($scope, categoryArray) {
$scope.category = categoryArray;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.