Add two more articles.

tiw · tiw · commit f8a60930b467 · 2013-07-17T14:21:56.000+08:00
diff --git a/decorator.markdown b/decorator.markdown
@@ -0,0 +1,49 @@
+# Decorator
+
+装饰， 在已有的功能上锦上添花
+
+## Use case 使用场景：
+
+我有一个module A依赖于另外一个module B。 module B有个service Mail， 这个服务提供
+两个方法 setReceiver 和 setBody 分别用来指定邮件的收件人和邮件的内容。 但是在
+module A 使用Mail服务的时候， 我希望还可以指定抄送的人。 这个时候我就可以在已有
+的service上扩展下（装饰下）加个addCC的方法。
+
+## Example
+
+### Module A
+
+```js
+var Mail = function() {
+    this.receiver = '';
+    this.body = '';
+    this.cc = [];
+};
+
+Mail.prototype.setReceiver = function(receiver) {
+    this.receiver = receiver;
+};
+
+Mail.prototype.setBody = function(body) {
+    this.body = body;
+};
+
+angular.module('A', []).service('Mail', Mail);
+```
+
+### Module B
+```js
+angular.module('B', ['A']).config(function($provide) {
+    $provide.decorator('Mail', function($delegate) {
+        $delegate.addCC = function(cc) {
+            this.cc.push(cc);
+        };
+        return $delegate;
+    });
+})
+.controller('TestCtrl', function($scope, Mail) {
+    Mail.addCC('jack');
+    console.log(Mail);
+});
+```
+[demo](http://plnkr.co/C5lWho67ORU7rhRNHO5F)
diff --git a/sharing-data-between-controllers.markdown b/sharing-data-between-controllers.markdown
@@ -0,0 +1,61 @@
+# Sharing Data between Controller
+
+在controller间分享数据
+
+## Blood 血腥的方法
+
+每个controller都有自己的scope， 同时也可以共享他们老爸的scope内的数据。如果我们想让两个controller共享数据的化， 有多种方法。 最直接血腥的就是在他们老爸的scope里定义一个model。
+
+```html
+<input type="text" ng-model="person.name"/>
+  <div ng-controller="FirstCtrl">
+  {{person.name}}
+  <button ng-click="setName()">set name to jack</button>
+  </div>
+  <div ng-controller="SecondCtrl">
+  {{person.name}}
+  <button ng-click="setName()">set name to jack</button>
+  </div>
+</div>
+```
+
+需要注意的是， 必须定义一个对象， 并且在每个controller里都是修改这个对象的属性。比如在FirstController里的setName 里修改name： person.name = 'Jack' ， 如果你在setName里 person = {name: 'Jack'} 呵呵， 效果大家自己试试， 原因是js的prototype的特性。
+
+
+这个方法血腥的原因是所有共享的数据都要在上级定义， 如果子controller多了， 共享数据是指数级上升的， 如此老爸的负担会超大。那些controller共享了那些数据会很模糊。而且测试非常空难。最后一条对于不正经的js开发人员， 估计不是什么问题。
+
+## Elegant 优雅的方法
+
+什么才不是血腥的呢？angularjs最突出的特殊之一就是DI， 也就是注入， 利用factory把需要共享的数据注入给需要的controller可以干净漂亮的解决这个问题。
+
+``` js
+var myApp = angular.module("myApp", []);
+myApp.factory('Data', function() {
+  return {
+    name: "Ting"
+  }
+});
+myApp.controller('FirstCtrl', function($scope, Data) {
+  $scope.data = Data;
+
+  $scope.setName = function() {
+    Data.name = "Jack";
+  }
+});
+
+myApp.controller('SecondCtrl', function($scope, Data) {
+  $scope.data = Data;
+  
+  $scope.setName = function() {
+    Data.name = "Moby";
+  }
+});
+```
+
+ok
+就是这么简单， 自己试试之后再感谢我吧
+
+demo： [http://plnkr.co/edit/6cLn0LXTu16AwJeiCqtn?p=preview][1]
+
+
+  [1]: http://plnkr.co/edit/6cLn0LXTu16AwJeiCqtn?p=preview
