uib-tabset殺死了我的輸入更改指令的范圍

Question

如果有一個uib-tabset和一個等待uib-tabset內部輸入更改的指令，則會到達此指令但是必須觸發一個范圍。$ broadcast這不會調用該函數。

視圖

  <uib-tabset active="active">
     <uib-tab>
       <input type="file" class="upload" share-all="" accept="image/*">

服務/指令

.directive('shareAll', [function() {
    return {
        restrict: 'A',
         link: function(scope, elem, attr) {
           $(elem).on('change', function(event) {
            return scope.$broadcast('shareIt', elem);
            }
        }
    }
});

調節器

$scope.$on('shareIt', function(event, file) {
});

我看到了這個（ https://github.com/angular-ui/bootstrap/issues/1553 ）但完全沒有理解，這讓我很慢。

一些想法？

Answer 1

我認為你不需要那個jQuery $對象，elem已經是一個jqLit​​e對象了（除非你有jQuery，然后elem已經是$的別名）。

你也沒有關閉你的功能。

app.directive('shareAll', [function() {
    return {
        restrict: 'A',
        link: function(scope, elem, attr) {
            elem.on('change', function(event) {
                return scope.$broadcast('shareIt', elem);
            })
        }
    }
}]);

這是一個演示插件