Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
AngularJS $compile example
function MyDirective ($templateRequest, $compile) {
var templateBase = '/directives/my_directive/views/';
var childTemplates = {
child1: 'child1.html',
child2: 'child2.html'
return {
restrict: 'E',
scope: {
child: '='
value: '='
compile: function (tElement, tAttrs) {
return function (scope, iElement, iAttrs) {
//Build template url
var templateUrl = templateBase + childTemplates[scope.child];
//Render template
$templateRequest(templateUrl, true).then(function(template) {
// Set the template as the content of the element.
// Compile it amd link it to the isolated scope.
.directive('MyDirective', MyDirective);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.