离子ng不工作

时间:2018-01-19 14:46:34

标签: javascript angularjs ionic-framework

我正在使用Ionic Creator,当我导出项目时,它没有任何.ts文件。我有问题试图让我的代码工作。

我使用$ scope变量将数组对象从Controller传递给模板。

grocery.html(/ template)

<ion-list id="groceriesHistory-list4">
        <ion-item class="item-icon-right" id="groceries-list-item13" ng-repeat="grocery in groceries">{{ grocery.date }}
        <span class="item-note">Free 1.5L Drink Redeemed</span>
        <i class="icon ion-android-bar"></i>
</ion-item>

groceryCtrl

firebase.database().ref("table").orderByChild("user").equalTo("userid").on("value", function(snapshot) {
        var credit = 0;
        var groceryHistory = [];
            snapshot.forEach(function(childSnapshot) {
                var childData = childSnapshot.val();
                //console.log(childData);
                if(childData.type == 1) {
                    if(childData.used == 1) {
                        groceryHistory.push(childData);
                    }
                }
            });
        console.log(groceryHistory);
        $scope.groceries = groceryHistory;

即使$ scope.groceries至少包含一个对象,也没有数据显示。

Edit1:我编辑了angularjs v1的代码,但仍然没有可显示的数据。

Edit2:它正在运行,但我必须先在数据显示之前单击侧面菜单。

1 个答案:

答案 0 :(得分:0)

angularjs中不存在

Glide.with(this).load("url").into(imageView); ImageView iv = (ImageView) view.findViewById(R.id.imageCourse); int res = context.getResources().getIdentifier( "image_" + course.getCourseNumber(), "drawable", context.getPackageName() ); Glide.with(this).load(res).into(iv); 。您需要使用ng-for

ng-repeat

根据您的update2,您的范围更改不在角度摘要周期中。只需将更改放在$ timeout中,以确保将运行摘要周期:

<ion-list id="groceriesHistory-list4">
<ion-item class="item-icon-right" id="groceries-list-item13" ng-repeat="grocery in groceries">{{ grocery.date }}
     <span class="item-note">Free 1.5L Drink Redeemed</span>
     <i class="icon ion-android-bar"></i>
</ion-item>