角度 - 私はこのコードを探しています

Question

別のファイルにカスタムディレクティブを移動する方法：

app.directive('resizer', ['$window', function ($window) { 
    return { 
     restrict: 'A', 
     link: function (scope, elem, attrs) {    
      angular.element($window).on('resize', function() { 
       $window.innerWidth > 500 ? 
        elem.addClass('large') : elem.removeClass('large') 
      }); 
     } 
    } 
}]); 

出典：私は私のアプリでので、別のファイルにこれを配置するSO Link

私がやったの依存関係：

：私が書いたその新しいファイルに

var app = angular.module('app', [.....]) .directive("resizer", resizer)

、その後、

var resizer = function() { 
    return { 
     restrict: 'A', 
     link: function (scope, elem, attires, $window) { 
      angular.element($window).on('resize', function() { 
       $window.innerWidth > 500 ? 
        elem.addClass('large') : elem.removeClass('large') 
      }); 
     } 
    } 
} 

しかし、それは機能しません。

ありがとうございました。

Answer 1

次でそれを行うことができます。

angular.module('app').directive('resizer', ['$window', function ($window) { 
    return { 
     restrict: 'A', 
     link: function (scope, elem, attrs) {    
      angular.element($window).on('resize', function() { 
       $window.innerWidth > 500 ? 
        elem.addClass('large') : elem.removeClass('large') 
      }); 
     } 
    } 
}]); 

あなただけのどこかにその依存関係を持つ前に、あなたのモジュールを初期化する必要があります。

angular.module('app', [.....]); 

---

理由は、あなたのコードが動作しません指示に間違った名前が付けられている可能性があります。最初の例ではresizerと書いてあり、2番目の例ではresizeとなっています。