AngularJS Custom Direktif Tanımlama

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js"></script>
<script>
 
var app = angular.module("main", [])
.directive("myElement", function () {
return {
restrict: "E",
link: function ($scope, element, atttributes) {
element.html("Hello World!")
}
}
});
 
// restrict E olursa element (<my-element></my-element>)
// restrict A olursa attribute (<div my-element></div>)
// restrict C olursa class (<div class="my-element"></div>)
// veya bir arada da olabilir (restrict: "EA" veya restrict: "EAC")
</script>
</head>
<body ng-app="main">
<my-element></my-element>
</body>
</html>
 

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s