angular.module('yelloxingApp', []).directive('uiDirective', function() {
  return {  
    restrict:String,//標明該指令可以在模板中用于元素E、屬性A、類C和注釋M或組合    
    priority:Number,//設置指令執(zhí)行優(yōu)先級，在某個DOM上優(yōu)先級高的會先執(zhí)行
        terminal:Boolean,    
    template:String or Template Function,//就是設置模板，和下面的templateUrl屬性二個只可以設置一個，目的一樣    
    templateUrl:String or Template Function,//除了字符串，這二個屬性還可以設置函數(shù)    
    replace:Boolean,//指令模板是否替換原來的元素    
    scope:Boolean or Object,
    controller:String or function(scope, element, attrs) { ... },    
    require:String or Array,    
    //你需要知道link在每個實例都執(zhí)行一遍，compile全程只會執(zhí)行一遍
    link: function(scope, element, attrs,ctrl) { ... },    
    compile:function(element, attrs) {
      //常用的就是compile的此處寫執(zhí)行一次的代碼，或者在link方法里面寫和dom有關的操作
    }
  };
}); 

angular.module('yelloxingApp', []).directive("scopeExample", ['$rootScope', function($rootScope) {
  return {
    restrict: 'A',    
    scope: {
      _userDataName: "=userDataName",
      _onSend: "&onSend",
      _fromName: "@fromName"
    },    
    template: `
      <button ng-click="_useParentMethod()">
        點擊按鈕調用父級的方法
      </button>
      
      <input ng-model="_userDataName"/>
      <ul>
        <li>fromName={{newfromname}}</li>
        <li>這是從父級獲取到的{{_userDataName}}</li>
      </ul>`,
       link: function($scope, element, attrs) {
      //使用@符號可將本地作用域的變量與DOM屬性的值進行綁定，即這里通過@得到父類fromName的值
      $scope.newfromname = $scope._fromName;
      $scope._useParentMethod = function() {      
        //使用&符號可以在其中調用父類的方法
        $scope._onSend({ "email": { "email": "yelloxing@gmail.com" } });
        console.log($scope._userDataName);        
      };
    }
  };
}]);

$scope.name = "心葉";
$scope.user = "yelloxing";
$scope.sendMail = function(email){
  console.error(email);
}