<div ng-controller="myCtrl">
{{ author.name }}
<my-directive author-name="{{ author.name }}"></my-directive>
</div>
var myApp = angular.module('myApp', []);
myApp.controller('myCtrl', ['$scope', function ($scope) {
$scope.author = {
name: 'hyunseob',
age: 27
};
}]);
myApp.directive('myDirective', function() {
return {
restrict: 'E',
scope: {
authorName: "@"
},
template: '<div>My name is {{ authorName }}.</div>',
link: function(scope) {
}
}
});