AngularJSのカスタムディレクティブでHTMLタグのアトリビュートの変更で何かをするサンプル

AngularJSのカスタムディレクティブでHTMLタグのアトリビュートの変更で何かをするにはどうしたらいいだろう？

ここではHTMLタグのdisabledが変更された時に何かをする場合を考える。

ポイントは$oberve()。

	function directiveOnChangeDisabled() {
	//linkオブジェクト作成
	function link($scope, $elm, attr) {
	attr.$observe("disabled", function(value) {
	console.log("disabledが変更された value=" + value);
	if (value) {
	console.log("disabledされた");
	//do something
	}
	});
	} //END link()
	//ディレクティブオブジェクト返却
	return {
	link: link
	};
	} //END function

view raw directiveOnChangeDisabled.js hosted with ❤ by GitHub

「$scope.$watch(attr.disabled, function(value){})」かなーと思ってたけどこれではダメで、「attr.$observe("disabled", function(){})」だった。