角度 - ディレクティブと、様々な異なるプロジェクトを勉強して、私が扱うことができる限り多くのドキュメントを読んだ後モジュール

Question

を使用して、私は私のアプリのディレクティブを含める方法で問題に遭遇しました。すべてのモジュールがドン」ディレクティブのために（これは例から書き直さアプリです）を除いて正常に動作だけで上部

angular.module('ngDashboard', ['ngCookies','ngResource','ngDashboard.filters', 'ngDashboard.services', 'ngDashboard.directives']) 

-

app.js：アプリは以下のように設定され全くトンの仕事：

directives.js - 次は動作しませんと表示に関する指令を実行していない：

angular.module('ngDashboard.directives', []). 
    directive('funkyElement', function() { 
    return { 
     restrict: 'E', 
     transclude: true, 
     scope: 'isolate', 
     template: '<div>gonna parse this: {{orig}} <br/>... and get this: {{obj}}</div>', 
     //templateUrl: 'template.html', 
     compile:function (element, attr, transclusionFunc) { 
      return function (scope, iterStartElement, attr) { 
       var origElem = transclusionFunc(scope); 
       var content = origElem.text(); 
       scope.orig = content; 
       scope.obj = my_custom_parsing(content); 
      }; 
     } 
    }; 
}); 

同じdirectives.jsファイルに次の処理を行い正常に動作し、指令が実行されます。

angular.module('ng').directive('funkyElement', function() { 
    return { 
     restrict: 'E', 
     transclude: true, 
     scope: 'isolate', 
     template: '<div>gonna parse this: {{orig}} <br/>... and get this: {{obj}}</div>', 
     //templateUrl: 'template.html', 
     compile:function (element, attr, transclusionFunc) { 
      return function (scope, iterStartElement, attr) { 
       var origElem = transclusionFunc(scope); 
       var content = origElem.text(); 
       scope.orig = content; 
       scope.obj = my_custom_parsing(content); 
      }; 
     } 
    }; 
}); 

HTMLは単純です：

<funky-element> 
    Parse me... come ooooon! Just parse meee! 
</funky-element> 

私の質問は、ディレクティブのセットと、おそらく、なぜ最初の例を含むように適切な方法は何である（使用していますngDashboard.services）が動作しません。

Answer 1

それは（週末の仕事と深夜の両方の可能な）私が持っていたapp.jsファイルがキャッシュされそうしていずれかのディレクティブの依存関係がありませんでしたか、私はそれを保存することを怠っていたことが判明します。

1. チェックファイルが
2. の電源をオフにキャッシュされていないことを確認するためのスクリプトコンソール：私は、このマークされますapp.jsするアップデートをした後に、この問題が修正されましたので、のアドバイスで解決として完全にキャッシングするか、シークレットモードを使用してください。
3. 常にあなたが疲れていると、新規を学ぶときに、よりコーヒーを飲む
4. あなたのファイルを保存していることを確認してください
5. （そうではありませんでしたが、他の誰かを助けることができる）NG-アプリがドキュメントに追加されていることを確認しプログラミング言語/フレームワーク。

最後に、Angularに関しては、ngモジュールにディレクティブを追加できるとは気付きませんでした。私はこれがベストプラクティスではないと確信していますが、テストとクイックコードのまとめには、便利なことがあります。