将参数传递给角度指令点击

Question

我想获取点击使用指令的参数。我想要获取点击事件中的孩子数据来检查是否有孩子。

.....

HTML

div ng-app="treeApp"> 
<ul> 
    <treeparent></treeparent> 

</ul> 

JS

(function() { 
var treeApp = angular.module('treeApp', []); 
treeApp.directive('treeparent', function() { 
    return { 
     restrict: 'E', 
     template: "<button addchild child='m'>ajith</button><div id='new'></div>" 
    } 
}); 
treeApp.directive('addchild', function ($compile) { 

    return { 
     scope: { 
      'child':'=' 
     }, 
     link: function (scope, element, attrs) { 
      debugger; 
      element.bind("click", function (scope,attrs) { 
       debugger; 

//here i want to get hild ie 'm' 
angular.element(document.getElementById('new')).append("<div><button button class='btn btn-default'>new one</button></div>"); 


       }); 
     } 
    } 

}); 
})(); 

plz帮助我

Answer 1

所以，我觉得scope.child是undefined因为它在声明事件中存在重叠。

您可以事件绑定

link: function (scope, element, attrs) { 
     var child = scope.child; 
     element.bind("click", function (scope,attrs) { 

      // here you can use child 
      console.log('child', child); 

     }); 
    } 

或声明参数名不同

link: function ($scope, $element, attrs) { 
     element.bind("click", function (scope,attrs) { 

      // here you can use $scope.child 
      console.log('$scope.child', $scope.child); 

     }); 
    } 

---

是一个回调有scope和attrs参数之前定义的变量？可能它只有一个$event的说法？

link: function (scope, element, attrs) { 

     element.bind("click", function ($event) { 

      // here you can use child 
      console.log('child', scope.child); 

     }); 
    } 

Answer 2

用于从指令中父范围呼叫方法

父模板

<test-dir data-method="myFunc"></test-dir> 
<button ng-click="myFunc('world')">click me</button> 

或

<button test-dir data-method="myFunc" ng-click="myFunc('world')">click me</button> 

指令实施例

.directive('testDir', function() { 
    return { 
     scope: { 
      method: '=', 
     }, 
     controller : function($scope) { 

      $scope.method = function(text) { 
       alert('hello '+text); 
      }; 

     }, 
    }; 
})