以下两个AngularJS构造（如果有）之间的区别？

Question

方法1

在HTML：

<my-directive> 
</my-directive> 

在脚本：

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

方法2

在HTML：

<my-directive ng-controller="myController"> 
</my-directive> 

脚本：

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

两种情况下，与其他一些特性（模板等），但我只是改变这里我把控制器指令。这两种方法是否类似？

Answer 1

不，第一种方法是优选的。

差异在于角度如何对待范围。

第二方法使得指令依赖于外部范围（由ng-controller="myController"创建），其是针对创建指令（代码隔离）的点。

第二种方法的工作方式相同，当您使用父母范围（默认情况下，当你不设置scope财产指令DDO - Ref: What is default Angular directive scope）

如果您在指令隔离范围

第二种方法是行不通的，如下创建：

scope: { 
    param1: "=" 
} 

由于您将无法访问myController的属性。

---

编辑：

指令规则可能是复杂的，了解所有的情况下，可以考虑使用.component()，因为它有更简单，并遵循最佳实践 - Introduction to Angular's components。

---

延伸阅读：

• Binding to Directive Controllers in Angular 1.3+