Passing string and variables into a directive attribute.

Question

I'm trying to pass a dynamic query string into a directive that will filter the results that come back. So my code looks like this:

So say in my controller I have this:

var ctrlAs = this;
ctrlAs.location = "USA";

then in my html I have a directive:

<directive filter="location=ctrlAs.location">

THen in my directive i'm bringing in location like "=filter". I would expect the output in the directive to be "location=USA", but instead the output in the directive is just "USA".

Any suggestions on what i'm doing wrong?

I realized my mistake right after I posted. I needed filter="'location=' + ctrlAs.location" — Zach Schneider
– Zach Schneider, Commented Apr 12, 2016 at 15:14

Hadi · Accepted Answer · 2016-04-12 15:35:01Z

try like this.

OR change directive template like this

   template : '<div><span><label>location=</label>{{filter}}</span></div>'

var myApp = angular.module('MyApp',[])
myApp.directive('directive', function() {
    return {
        restrict: 'E',
        replace: true,
        scope: {
            filter: '='
        },
        template : '<div><span>{{filter}}</span></div>',

      controller: function($scope, $element, $attrs, $location) {        
      }
    }
});
      

myApp.controller('MyController', function($scope, $window) {
    $scope.location = 'USA';
   
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="MyApp">
    <div ng-controller="MyController">
        <directive  filter="'location='+location"  />
    </div>
</div>

Collectives™ on Stack Overflow

Passing string and variables into a directive attribute.

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related