Javascript ng重复不´；单击ng后不加载

我的ng repeat有问题。 单击ng click后，我的ng repeat不会加载，页面为空。我有一个html文件名为“food.html”，其中我调用了ng-click（），我还有一个“food snack.html”文件，其中包含ng repeat和至少我的“controller.js”，其中调用了ng-click函数。我希望有人能帮助我。我很抱歉我的符号混乱，但这是我的第一个博客

1.food-snack.html

<ion-content class="padding" >
    <ion-refresher pulling-text="Refresh" on-refresh="refreshAll('snack')"></ion-refresher>
    <ion-checkbox class = "item-checkbox-right checkbox-dark" ng-repeat="food in snacks">
        <h2><b>{{food.food}} </b></h2>
        <p>Preis: {{food.price}} {{food.currency}}</p>
    </ion-checkbox>        
</ion-content>

四,。app.js

.state('tab.foods', {
    cache: false,
    url: '/addTable/foods',
    views: {
        'tab-tables': {
            templateUrl: 'templates/foods.html',
            controller: 'TablesCtrl'
        }
    }
})
.state('tab.food-snack', {
    cache: false,
    url: '/addTable/foods/food-snack',
    views: {
        'tab-tables': {
            templateUrl: 'templates/food-snack.html',
            controller: 'TablesCtrl'
        }
    }
})

5.services.js

.factory('Foods', function() {
   var foods = [];
   return {
    appendAll: function(array) {
        for(var i = 0 ; i < array.length; i++)
        {
            foods.splice(array[i]);
        }
        for (var i = 0; i < array.length; i++) 
        {
            foods.unshift(array[i]);
        }
        return foods;  
    },
    getAll: function() {
        return foods;
    },
    remove: function(food) {
        foods.splice(foods.indexOf(food), 1);
    },
    removeAll: function(array) {
        for( var i = 0 ; i < array.length; i++)
        {
            foods.splice(array[i]);
        }
    },
    get: function(foodId) {
        for (var i = 0; i < foods.length; i++) {
            if (foods[i].id === parseInt(foodId)) {
                return foods[i];
            }
        }
        return null;
    }

.factory（'Foods'，function（）{
var食品=[]；
返回{
appendAll:函数（数组）{
对于（var i=0；i

您共享的控制器是food.html的控制器，我猜它正在将零食列表添加到它的作用域中，而不是snack.html的作用域。在food controller中，只需更改状态，然后在snacks controller中调用服务即可获取零食

.state('tab.foods', {
    cache: false,
    url: '/addTable/foods',
    views: {
        'tab-tables': {
            templateUrl: 'templates/foods.html',
            controller: 'TablesCtrl'
        }
    }
})
.state('tab.food-snack', {
    cache: false,
    url: '/addTable/foods/food-snack',
    views: {
        'tab-tables': {
            templateUrl: 'templates/food-snack.html',
            controller: 'TablesCtrl'
        }
    }
})

.factory('Foods', function() {
   var foods = [];
   return {
    appendAll: function(array) {
        for(var i = 0 ; i < array.length; i++)
        {
            foods.splice(array[i]);
        }
        for (var i = 0; i < array.length; i++) 
        {
            foods.unshift(array[i]);
        }
        return foods;  
    },
    getAll: function() {
        return foods;
    },
    remove: function(food) {
        foods.splice(foods.indexOf(food), 1);
    },
    removeAll: function(array) {
        for( var i = 0 ; i < array.length; i++)
        {
            foods.splice(array[i]);
        }
    },
    get: function(foodId) {
        for (var i = 0; i < foods.length; i++) {
            if (foods[i].id === parseInt(foodId)) {
                return foods[i];
            }
        }
        return null;
    }