AngularJS - ng-switch and primitive

by darul75

HTML

<div ng-controller="Controller">
    <directive info="naomi"></directive>    
    <button ng-click="test()">change</button>
</div>

JavaScript

var app = angular.module('myApp', [])
.controller('Controller', ['$scope', function(scope) {
  scope.person = { name: 'John', address: '123 Somewhere' };  
  scope.test = function() {
      scope.person = {
        name: 'Clarrisse',
        address: '1600 Amphitheatre'
      };        
  };  
}])
.directive('directive', function() {
  return {
    scope:true,      
    restrict: 'E',
    template: '<div>Name: {{person.name}} Address: {{person.address}}</div><button ng-click="test()">test in directive</button><button ng-click="changeName()">change in directive</button><button ng-click="changePerson()">change in directive 2</button>',
    link: function (scope, element) {
      console.log(scope);
        
        scope.changeName = function() {
          scope.person.name = "tom";                    
        };
        
        scope.changePerson = function() {
            scope.person = {name: "tom"};                    
        };
    }
  };
});