Javascript 为我的应用程序创建自定义跟随按钮

我想要一个指令，动态地知道我是否在跟踪我的应用程序中的用户

我有一个资源来获取当前用户

    this.following = function () {
        var defer = $q.defer();
        var user = $cookies.getObject('currentUser');
        UserResource.get({id: user.id}).$promise.then(
            function (data) {
                defer.resolve(data.following);
            });
        return defer.promise;
    };

这是我的一项服务。它返回我跟踪的所有用户

实例化控制器时，我会获取我在应用程序中跟踪的用户：

   UserService.following().then(
        function (data) {
            $scope.following = data;
        });

我想把它变成一个指令，这样我就可以在我的应用程序的其他地方轻松地重用它

这是我现在正在使用的HTML（它不是很漂亮）：

下列的
展开
跟随

但实际上是这样的：

<div class="item" ng-repeat="user in users">
      <um-follow-button um-user="user"></um-follow-button>
</div>

然后根据我是否跟踪用户，呈现两个选项中的一个

我不知道我是否必须在指令中使用控制器

我看过：

---

但是它看起来像一团乱麻。

什么是不应该发生的？@Adjit好吧，由于渲染，我得到了两倍于下面的结果。这就是我需要将此更改为指令的原因之一。因为我有dom逻辑，所以最好使用指令。我现在没有指令。

<div class="item" ng-repeat="user in users">
      <um-follow-button um-user="user"></um-follow-button>
</div>