BLOG

[AngularJS]イベントリスナー登録方法

2015/5/26

AngularJSはイベントリスナーもディレクティブを使います。

クリックするsampleという文字列をalertする例です。

angular.module("MyApp", [])
	.controller("MyController", function($scope) {
		$scope.sample = function() {
			alert("sample");
  		};
	});

angular.module("MyApp", [])

.controller("MyController", function($scope) {

$scope.sample = function() {

alert("sample");

};

});

そしてイベントを関連付けたい要素に対して下記のように指定します。

<div ng-click="sample()"></div>

1	<div ng-click="sample()"></div>

ng-mousedown、ng-mouseup、ng-focus等イベントのディレクティブもあります。