UniquePage.html
<div ng-controller="UniquePageCtrl">
<unique-custom-directive arg1="{{currentObj.name}}"></my-custom-directive>
<div>
in UniquePageCtrl.js (Controller)
app.controller("UniquePageCtrl", ["$scope", function ($scope) {
$scope.currentObj = {"name":"Kaitlyn"};
}]);
And here is how the directive code looks:
app.directive("uniqueCustomDirective", [function () {
return {
restrict: "E",
controller: "UniqueDirCtrl"
};
}]);
This is the controller of the directive:
app.controller("UniqueDirCtrl", ["$attrs", function ($attrs) {
var arg = $attrs.arg1;
alert('Argument '+arg);
}]);
The alert only displays "{{currentObj.name}}" instead of the actual value of the name property.
Please share any suggestions on how to resolve this issue.
Thank you.