次の2つのAngularJS構文の違いは何ですか？

Question

方法HTMLで1

：

<my-directive> 
</my-directive> 

スクリプトで：HTMLで

function myDirective() { 
    var ddo = { 
     [LOTS OF OTHER VERY IMPORTANT DIRECTIVE PROPERTIES HERE] 
     controller: myController 
     bindToController: true 
    }; 
    return ddo; 
} 

方法2

：

スクリプトで

：

function myDirective() { 
    var ddo = { 
     [LOTS OF VERY IMPORTANT DIRECTIVE PROPERTIES HERE] 
    }; 
    return ddo; 
} 

私はコントローラを置くいくつかの他のプロパティ（テンプレートなど）が、私はちょうど変更していますとの指示があります両方のケースが。 2つの方法は類似していますか？

Answer 1

いいえ、最初の方法が好ましいです。

角度は角度がスコープの処理方法に違いがあります。

第2の方法では、ディレクティブ（コード分離）を作成する時点とは異なる外部スコープ（ng-controller="myController"によって作成）に依存します。

あなたは（あなたがディレクティブDDOにscopeプロパティを設定しないデフォルトでは、 - Ref: What is default Angular directive scope）を親スコープを使用するときに、第2の方法は、同じように動作します

あなたはディレクティブでスコープを単離した場合は、2番目の方法では動作しません。あなたはmyControllerから可能なアクセスプロパティではありませんとして

scope: { 
    param1: "=" 
} 

：、次のように作成しました。

---

編集：

ルールは、すべてのケースを理解し、それは非常に簡単持っているとベストプラクティスを、次のように.component()を使用することを検討するために複雑になるかもしれないディレクティブ - Introduction to Angular's componentsを。

---

さらに読書：

• Binding to Directive Controllers in Angular 1.3+