AngularJS = scope in an = scope causing parse syntax error

Question

I'm trying to implement a 2 level hierarchy using directives in Angular. The first scope venture gets passed an JSON array of ventures. In every venture there is an array of positions. The second scope ideally pick up this position object and fill it in.

    app.directive('venture',function(){
    return {
        restrict: "E",
        template: '<div><div ng-show="!ventureshow">{{details.venture_name}}'
                +'<positions data="{{details.positions}}" ></positions>'
                +'...',
        scope: {
            details:'='
        },
        replace: true,
        link:function($scope, element, attrs){
        }

    }
});

app.directive('positions',function(){
    return {
        restrict: "E",
        template:'d<ul ng-repeat="position in details">{{position}}<li>{{position.position_name}}:{{position.position_description}}</li></ul>',
        scope:{
            data:'='
        }
    }

})

However the equal (=) symbol on the second object causes an error $parse:syntax. Can't seem to figure out what's causing the issue

PSL · Accepted Answer · 2015-01-03 23:04:51Z

1

Two way binding needs binding on a property which can be assigned to. You are instead providing an interpolated value by doing data="{{details.positions}}" which cannot be assigned to (unless you have a property on the scope with the same as that of the result of interpolation). You must be getting an un-assignable exception. Remove {{ interpolations from binding when you do two way binding.

i.e

template: '<div><div ng-show="!ventureshow">{{details.venture_name}}'
            +'<positions data="details.positions" ></positions>'

answered Jan 3, 2015 at 23:04

PSL

124k21 gold badges257 silver badges243 bronze badges

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

1 Comment

cjds Over a year ago

Thanks you just gave me a better understanding of what I was doing

Hazarapet Tunanyan · Accepted Answer · 2015-01-04 13:22:54Z

0

Beacuse if you use 2 ways binding way (=),you must pass him variable,not the value of variable,beceause andgular directive needs a variable(place) to change something,to write something on.

answered Jan 4, 2015 at 13:22

Hazarapet Tunanyan

2,85529 silver badges30 bronze badges

Collectives™ on Stack Overflow

AngularJS = scope in an = scope causing parse syntax error

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related