AngularJS:在控制器和视图中处理多个响应

我正在构建一个新闻应用程序。 用户可以从他们的主页发布不同类型的新闻。主页

<uib-tabset active="active">
  <uib-tab index="0" heading="All News">
    <news-feed poststype="1" username="userName"></news-feed>
  </uib-tab>
  <uib-tab index="1" heading="Internation">
    <news-feed poststype="3" username="userName"></news-feed>
  </uib-tab>
  <uib-tab index="2" heading="Regional">
    <news-feed poststype="7" username="userName"></news-feed>
  </uib-tab>
</uib-tabset>

新闻提要是我在主页中注入的指令。

这是视图：（新闻源视图）

<div class="post-textarea">
  <textarea class="form-control" ng-model="vm.currentPost.content"></textarea>
  <a class="btn btn-primary" ng-click="vm.addPost(vm.currentPost.content)">Post</a>
</div>
<div class="clearfix"></div>
<div>
  <ul class="media-list">
    <li class="media post" ng-repeat="post in vm.posts">
      <div class="post-main">
        <div class="post-content">{{post.content}}</div>
      </div>
    </li>
  </ul>
</div>

它有一个文本区域，用户可以使用它发布新的新闻更新。但是当用户发布它时，它会在所有三个新闻源中显示反映。因为用户可以为新闻帖子设置多个类别，我在这里不包括这些类别以降低复杂性。

但它并没有反映在所有三个选项卡中。

这是我的控制器（新闻提要控制器）：

(function() {
  angular
    .module('myApp.newsFeed', [])
  .factory('newsFeedService', function($http) {
    var baseUrl = 'api/';
    return {
      postCurrentPost: function(newPost) {
        var dataPost = {
          newPost: newPost
        };
        return $http({
          method: 'post',
          url: baseUrl + 'postCurrentPost',
          data: dataPost,
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        });
      }
    };
  })
  .directive('newsFeed', function() {
    var controller = function($routeParams, newsFeedService, $scope, focus) {
      var vm = this;
      // Add a news post
      vm.addPost = function(newPost) {
        var currentPost = vm.currentPost;
        currentPost.created_at = new Date();
        currentPost.content = ""; //clear post textarea
        if (newPost) {
          newsFeedService.postCurrentPost(newPost).success(function(data) {
            vm.posts = data;
          });
        }
      };
    };
    var template = '<button>{{vm.poststype}}</button>';
    return {
      restrict: 'E',
      scope: {
        poststype: '@',
        username: '='
      },
      controller: controller,
      controllerAs: 'vm',
      bindToController: true, //required in 1.3+ with controllerAs
      templateUrl: 'app/newsFeed.html'
        //template: template
    };
  });
})();

但是我当前的设置仅在一个选项卡中显示它。或者用户必须重新加载页面。有没有办法在所有 3 个选项卡中反映新的变化？

我的PHP代码（后端）看起来像这样：

function postCurrentPost()
{
    $requestData = json_decode(file_get_contents("php://input"));
    $newPost = $requestData->newPost;
    $content=validate_input($newPost);
   //code to save it to db comes here
   //fetch all news; I have functions returning international and regional news
   //how can I handle it in angular view
    $data=getAllPosts();
    return $data;
}
function getAllPosts()
{
  //returns all news
}
function international()
{
  //returns international news
}
function regional()
{
  //returns regional news
}

由于这是我注入主页的指令，并且所有三个选项卡共享相同的页面代码，因此我该怎么做？