added bindToController style

johnpapa · johnpapa · commit 0824b560e1d2 · 2015-01-18T22:17:03.000-05:00
diff --git a/README.md b/README.md
@@ -1242,6 +1242,53 @@ While this guide explains the *what*, *why* and *how*, I find it helpful to see
   <div>min={{vm.min}}<input ng-model="vm.min"/></div>
   ```
 
+###### [Style [Y076](#style-y076)]
+
+  - Use `bindToController = true` when using `controller as` syntax with a directive when you want to bind the outer scope to the directive's controller's scope.
+
+    *Why?*: It makes it easy to bind outer scope to the directive's controller scope.
+
+    Note: `bindToController` was introduced in Angular 1.3.0. 
+
+  ```html
+  <div my-example max="77"></div>
+  ```
+
+  ```javascript
+  angular
+      .module('app')
+      .directive('myExample', myExample);
+
+  function myExample() {
+      var directive = {
+          restrict: 'EA',
+          templateUrl: 'app/feature/example.directive.html',
+          scope: {
+              max: '='
+          },
+          controller: ExampleController,
+            controllerAs: 'vm',
+            bindToController: true
+        };
+
+      return directive;
+  }
+
+  function ExampleController() {
+      var vm = this;
+      vm.min = 3;
+      console.log('CTRL: vm.min = %s', vm.min);
+      console.log('CTRL: vm.max = %s', vm.max);
+  }
+  ```
+
+  ```html
+  <!-- example.directive.html -->
+  <div>hello world</div>
+  <div>max={{vm.max}}<input ng-model="vm.max"/></div>
+  <div>min={{vm.min}}<input ng-model="vm.min"/></div>
+  ```
+
 **[Back to top](#table-of-contents)**
 
 ## Resolving Promises for a Controller
