Angular passing variables to include file

Question

After searching and trying lots of things, I can't seem to find a solution to pass a scope object into a include file.

I have tried

<span ng-init="list_title = clients_list.title;
               list_subtitle = clients_list.subtitle;
               list_array = clients_list.clients" 
      ng-include="'/views/partials/lists/list_with_qty.html'">
</span>

and

 <span onload="list_title = publishers_list.title;
               list_subtitle = publishers_list.subtitle;
               list_array = publishers_list.clients"
       ng-include="'/views/partials/lists/list_with_qty.html'">
 </span>

and

<span ng-include-variables="list_title = publishers_list.title;  
                            list_subtitle = publishers_list.subtitle; 
                            list_array = publishers_list.clients" 
      ng-include="'/views/partials/lists/list_with_qty.html'">
</span>

they both pass through the object when called on the page by themselves. However I am trying to include both of these includes one after another.

How can I pass through the variables so that the result isn't the same.

Thanks in advance.

make a directive with isolated scope and pass values as attribute. — Anand Gargate
– Anand Gargate, Commented Mar 11, 2016 at 6:04

Anand Gargate · Accepted Answer · 2016-03-11 07:10:31Z

3

Please refer this plunkr http://plnkr.co/edit/M9cIxNfRIWA8gB41rx1Q?p=preview I have made directive with isolated scope. Replace your template with given list.html

angular.module('app', []).directive('listWithQty', function() {
  return{
    scope: {
        listTitle: '=',
        listSubtitle: '=',
        listArray: '='
      },
      templateUrl: 'list.html'
  }

answered Mar 11, 2016 at 7:10

Anand Gargate

4995 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

Angular passing variables to include file

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