在Angular JS中POST后重新加载指令方法

我正在开发一个开源应用程序，它使用AngularJS作为前端的一部分，由于我希望它的工作方式（它是偏执的，为了保护起见，从dom中删除和添加内容），我遇到了一个我似乎无法解决的问题。

网站的主要内容通过一个服务加载，该服务从RESTneneneba API收集数据并填充指令，同一指令调用模板并呈现内容。

问题是，当添加新内容并且POST成功时，我无法告诉指令重新加载内容，因为POST调用来自不同$scope中的控制器。我尝试过$watch、$apply、$push，最近我一直在考虑$resource，但我认为这不是解决方案。代码如下：

指令：

  .directive("itemList", function ($timeout) {
    return {
      restrict: 'A',
      template: "<ng-include src='getTemplateUrl()'/>",
      replace: true,
      controllerAs: 'items',
      controller: function ($http, $scope, sikreAPIservice) {
        $scope.getItems = function (categoryId) {
          sikreAPIservice.getItemsbyCategory(categoryId)
            .success(function (data, status) {
              $scope.category_name = data.category_name;
              $scope.category_id = data.category_id;
              $scope.items = data.items;
              $scope.lockedItem = false;
              $timeout(function () {
                $scope.lockedItem = true;
                $.notify("View time expired. Locking...", "info");
                $scope.getTemplateUrl();
              }, itemTimeout);
            })
            .error(function (data, status) {
              $.notify("Couldn't get the item data", "error");
            });
        };
        $scope.getAllItems = function () {
          sikreAPIservice.getItems()
            .success(function (data) {
              $scope.category_name = data.category_name;
              $scope.category_id = data.category_id;
              $scope.items = data.items;
              $scope.lockedItem = false;
              $timeout(function () {
                $scope.lockedItem = true;
                $.notify("View time expired. Locking...", "info");
                $scope.getTemplateUrl();
              }, itemTimeout);
            })
            .error(function (data, status) {
              $.notify("Couldn't get the item data", "error");
            });
        };
        $scope.getTemplateUrl = function () {
          if ($scope.lockedItem) {
            return '';
          } else {
            return 'includes/items.html';
          }
          $(document).foundation('reflow');
        };
      },
    };
  });

服务：

  .factory('sikreAPIservice', function ($http) {
    //var mainAPIUrl = 'https://api.sikr.io/v1/';
    var sikreAPI = {};
    sikreAPI.getItemsbyCategory = function (categoryId) {
      return $http({
        method: "GET",
        url: mainAPIUrl + 'items?category=' + categoryId,
        cache: false
      });
    };
    });

进行POST的控制器：

  .controller('ItemsCtrl', function ($scope, $compile, sikreAPIservice) {
   $scope.additem = function (item) {
      sikreAPIservice.createItem(item)
        .success(function () {
          $.notify("Item created", "success");
          $scope.item = null;
          $('#addItem').foundation('reveal', 'close');
        })
        .error(function () {
          $.notify("Can't save the item", "error");
        });
    };
  });

工作版本位于http://sikr.io/login.html（这是alpha！不要存储任何对你重要的东西，因为DB即将被清除）

源代码位于https://github.com/clione/sikre-frontend/tree/master/assets/js

我同意，也许整个应用程序的布局不是最好的，所以任何纠正它的指导都是受欢迎的。如果有人知道如何让指令在POST之后重新加载内容，我们将不胜感激。