isolated scope two way binding is not working in angularjs

Question

I am new to angularjs. I am working with isolated scope. The two way binding using isolated scope is not working. Please check my code. If i remove age : '=' then my code is working fine.

**HTML**

<div ng-controller="homeCtrl">
    <my-dir name="{{namee}}" age="{{age}}"></my-dir>
</div>

**JS**

var app = angular.module("home")
app.controller("homeCtrl",["$scope",function($scope){
   $scope.namee = "John";
   $scope.age= 30;
}]);

app.directive("myDir",function(){
    return{
        restrict :'E',
        scope: {
            name : '@',
            age :  '=',
        },
        template: ['Directive name is: {{name}}',
                   '<p>{{age}}</p>' 
                 ]
        }
})


**Output**

John 30 
Directive name is: {{name}} {{age}}

Maciej Sikora · Accepted Answer · 2016-08-05 08:23:49Z

2

It should be:

<div ng-controller="homeCtrl">
  <my-dir name="name" age="age"></my-dir>
</div>

answered Aug 5, 2016 at 8:23

Maciej Sikora

20.3k4 gold badges52 silver badges50 bronze badges

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

Comments

WalksAway · Accepted Answer · 2016-08-05 08:20:14Z

1

remove the {{}} use just age="age"

answered Aug 5, 2016 at 8:20

WalksAway

2,8292 gold badges24 silver badges44 bronze badges

Collectives™ on Stack Overflow

isolated scope two way binding is not working in angularjs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related