sargonco

<!DOCTYPE html>
<html>
<script src="http://www.sargonco.com/Uploads/Public/article/webdistut/javascript/angular.min.js"></script>

<body>

var app = angular.module("myApp", []);
app.directive("w3TestDirective", function() {
return {
restrict : "A",
template : "<h1>Made by a directive!</h1>"
};
});

</body>
</html>

Note: By setting the restrict property to "A", only the HTML element with the "w3-test-directive" attribute has invoked the directive.