Issue with Multi Transclude in Angular

Question

I am using multitranscldue in angular js.I am having a directive like below.

(function(){

    angular.module("MyDirective",['multi-transclude'])
    .directive("myDirective",function(){
        var MyLink = function(scope,element,attr){
            scope.title = attr.title;
        }
        return{
             restrict : 'EA',
            scope: {title:"="},
             transclude:true,
             templateUrl:"directive.html",
             link: MyLink
        }
    });
}())

The html for directive is like

<div >
    <div>
        <span data-ng-bind="title"></span>
        <div ng-multi-transclude="card-body"></div>
    </div>
</div>

In my main html class, I am using the directive like below.

<my-directive title="asdasdas">
        <div name="card-body">
            {{title}}
            </div>
        </my-directive>

I am getting an error like

Error: Illegal use of ngMultiTransclude. No wrapping controller.

Please help me with this.

The link to plunker is here

gipouf · Accepted Answer · 2015-11-01 00:02:51Z

1

you have to add ng-multi-transclude-controller to your directive's HTML template, as follows:

<div ng-multi-transclude-controller>
    <div>
        <span data-ng-bind="title"></span>
        <div ng-multi-transclude="card-body"></div>
    </div>
</div>

answered Nov 1, 2015 at 0:02

gipouf

1,2413 gold badges17 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Issue with Multi Transclude in Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related