!!!!!!!!!! Outdated Query
Take a look at the code (Not Current). The standalone directive with template is functioning, but the one utilizing it in the display isn't.
The Latest Inquiry
I am using the same plunk and I have followed @Andrew Eisenberg's advice to implement transclusion in my directive, yet it remains ineffective.
HTML
<p isolate-with-template></p>
<p isolate-with-transclude>Hello World {{vm.hi}}</p>
JS
angular.module('app',[])
.directive('isolateWithTemplate',function() {
return {
restrict: 'A',
controllerAs: 'vm',
scope:{},
controller: function ($scope) {
var vm = this;
vm.hi = "hi";
},
template: "{{vm.hi}}"
}
})
.directive('isolateWithTransclude',function() {
return {
restrict: 'A',
controllerAs: 'vm',
scope: {},
transclude: true,
template: "<div ng-transclude></div>",
controller: function ($scope) {
var vm = this;
vm.hi = "hi";
}
}
})