(Ionic Framework)来自另一家工厂的Angular JS过滤器工厂?

时间:2015-12-26 05:05:45

标签: javascript angularjs ionic-framework ionic

我在Items,ItemTags和Tags中有三个工厂。如何创建从其他工厂搜索项目的自定义搜索。我选择标签' Steak' ,沙朗在列表中显示,当我选择标签'披萨'黑比萨饼列在清单中。谢谢......

 .factory('Items', function() {
      var items = [{
        id: 1,
        name:'Black Pizza',
        main_img:'img/food1.jpg'
      }, {
        id: 2,
        name:'Sirloin',
        main_img:'img/food2.jpg'
      }];

      return {
        all: function() {
          return items;
        },
        remove: function(item) {
          items.splice(items.indexOf(item), 1);
        },
        get: function(itemId) {
          for (var i = 0; i < items.length; i++) {
            if (items[i].id === parseInt(itemId)) {
              return items[i];
            }
          }
          return null;
        }
      };
    })

 .factory('ItemTags', function(Items,Tags) {
      // Might use a resource here that returns a JSON array


      var itemTags = [{
        id: 1,
        itemId:Items.get(1),
        tagId:Tags.get(0)
      }, {
        id: 2,
        itemId:Items.get(0),
        tagId:Tags.get(1)
      }];

      return {
        all: function() {
          return itemTags;
        },
        remove: function(itemTag) {
          itemTags.splice(itemTags.indexOf(itemTag), 1);
        },
        get: function(itemTagId) {
          for (var i = 0; i < itemTags.length; i++) {
            if (itemTags[i].id === parseInt(itemTagId)) {
              return itemTags[i];
            }
          }
          return null;
        }
      };
    })

.factory('Tags', function() {
      var tags = [{
        id: 0,
        name: 'Steak'
      }, {
        id: 1,
        name: 'Pizza'
      }, {
        id: 2,
        name: 'Delicious'
      }];

      return {
        all: function() {
          return tags;
        },
        remove: function(tag) {
          tags.splice(tags.indexOf(tag), 1);
        },
        get: function(tagId) {
          for (var i = 0; i < tags.length; i++) {
            if (tags[i].id === parseInt(tagId)) {
              return tags[i];
            }
          }
          return null;
        }
      };
    })

感谢the_mahasagar的帮助: 我是来自mahasagar的修改函数,并将该函数添加到ItemTags

 getDataByTag: function(tagId , itemId) {
        for (var i = 0; i < itemTags.length; i++) {
          if (itemTags[i].tagId.id === parseInt(tagId) && itemTags[i].itemId.id===parseInt(itemId)) {
            return itemTags[i];
          }
        }

这是我的过滤器:

 $scope.criteriaMatch = function( tagId) {
        return function( item ) {
            var itemTag = ItemTags.getDataByTag(tagId,item.id);
            if(itemTag!=null)
                return true;

            return null;
        };
    };

1 个答案:

答案 0 :(得分:0)

根据你的问题,你在ItemTags factory中做错了。请检查并添加getDataByTag。

.factory('ItemTags', function(Items,Tags) {
// Might use a resource here that returns a JSON array
Items.get(0);
var itemTags = [{
  id: 1,
  itemId:Items.get(2),
  tagId:Tags.get(0)
}, {
  id: 2,
  itemId:Items.get(1),
  tagId:Tags.get(1)
}];

return {
  all: function() {
    return itemTags;
  },
  remove: function(itemTag) {
    itemTags.splice(itemTags.indexOf(itemTag), 1);
  },
  get: function(itemTagId) {
    for (var i = 0; i < itemTags.length; i++) {
      if (itemTags[i].id === parseInt(itemTagId)) {
        return itemTags[i];
      }
    }
    return null;
  },
  getDataByTag: function(itemTagId) {
    for (var i = 0; i < itemTags.length; i++) {
      if (itemTags[i].tagId.id === parseInt(itemTagId)) {
          return itemTags[i];
      }
    }
    return null;
  }
};
})
你可以获得如下数据:

.controller('AppCtrl', function($scope,Items,Tags,ItemTags) {
$scope.getData = function(Tagid) {
  console.log("ItemTags :"+JSON.stringify(ItemTags.getDataByTag(Tagid)));
}
  $scope.getData(0);
})

希望,它也是你想要的。