How can I make an angularjs button click call a passed-in function? -
i'm trying make application has data-driven ui. so, i'm trying pass in function should called when button clicked. second button works, of course, explicitly calls function. however, first 1 doesn't. here's angular js code:
$scope.clickfunction = "clickedit()"; $scope.clickedit = function(){ alert("it worked!");}
and html:
<p>how can make button call passed-in function?</p> <button ng-click="{{clickfunction}}">click me</button> <p>i'd evaluate this, works.</p> <button ng-click="clickedit()">click me</button>
here's plunker code i'm try make work. http://plnkr.co/edit/arbx3bbghcv15mgrozx1?p=preview
you need define function name in controller want use event handler:
$scope.clickfunction = "clickedit";
then in template use bracket notation:
<button ng-click="this[clickfunction]()">click me</button>
the idea this
points current scope object, want, , that's why bracket notation useful here.
Comments
Post a Comment