Angular：视图未在ng-repeat内更新

Question

我在ng-repeat列表中使用自定义视图指令，如下所示：

//Directive
app.directive("card", function () {
  return {
      restrict: "E",
      templateUrl: "views/card.html"
  };
});

...

//List
<card ng-repeat="card in cards = main.data.getCards() | filter: sidebar.search() | orderBy: ['isPinned',$index]:true track by $index"
      ng-if="content.checkCard(card)">
</card>

main.data是对存储数据的服务的引用。 这是一个简化版本：

app.service('data', function ($http, engine) {
var cards = [];
...

return {
    getCards: function () {
        return cards;
    },
    setCards: function (data) {
        cards = data;
        engine.save("cards", cards);
    },

当数据通过setCards（）方法更改时，我的列表仅显示空元素。如果我直接在ng-repeat中使用完全相同的html代码，那么一切正常。我该怎么办？