视图只渲染一次

Question

我的视图第一次正确渲染，但是当我使用：

重新加载状态时

$state.reload();

它加载但是一个指令没有。每次控制器重新加载时以及每次收到数据时都会通过DataService请求数据。

DataService.getWidgetsList().then(function (data) {
    $scope.widgets = JSON.parse(data);
    console.log($scope.widgets);
   // I receive correct JSON data every time here
});

我的观看代码：

<div mix-it-up class="sandbox tiles" ng-if="widgets" id="sandbox">
    <div class="mix tile {{getColour(widget.widgetTypeId)}} cat{{widget.widgetCategoryId}}" data-myorder="{{widget.title}}" ng-click="setWidget(widget.id)"
         ng-repeat="widget in widgets" modal-view-url="WidgetPreviewModal" modal-controller="widgetPreviewController" modal-size="lg">
        <div class=" tile-body">
            <i class="{{getIcon(widget.widgetTypeId)}}"></i>
        </div>
        <div class="tile-object">
            <div class="name">
                {{widget.title}}
            </div>
        </div>
    </div>
    <div class="gap"></div>
    <div class="gap"></div>
</div>

我的指示：

var mixItUp = function ($compile, $timeout) {
return {
    restrict: 'A',
    link: function (scope, element, attrs) {
            angular.element(element).mixItUp({
        });
    }}};

mixItUp.$inject = ['$compile', '$timeout'];

我在这里做错了吗？