Not getting output in custom directive in angular JS

May 22 2019 12:05 AM

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>AngularJs Adding Directives to Modules Example</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>
var app = angular.module("myApp", [])
.controller("CustomDirectiveController", function ($scope) {
$scope.Message = "Custom Directive";
});
app.directive('myCustom', function () {
return {
templet: "<div>This is my first directive</div>",
}
})
</script>
</head>
<body ng-app="myApp">
<div ng-controller="CustomDirectiveController">
<div>
<my-custom></my-custom>
</div>
<p> <b>Using directive :</b> <span my-custom></span></p>
</div>
</body>
</html>

Answers (1)