AngularJS - ng-switch and primitive

by darul75

HTML

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

JavaScript

var app = angular.module('myApp', [])
.controller('Controller', ['$scope', function(scope) {
  scope.naomi = { name: 'Naomi', address: '1600 Amphitheatre' };
  scope.igor = { name: 'Igor', address: '123 Somewhere' };  
  scope.john = { name: 'John', address: '123 Somewhere' };  
  scope.test = function() {
      scope.naomi = {
        name: 'Clarrisse',
        address: '1600 Amphitheatre'
      };        
  };
  console.log(scope);
}])
.directive('directive', function() {
  return {
    // scope = true, we have one new isolated scope
    scope: {
        customerInfo: '=info'
    },
      
    restrict: 'E',
    template: '<div>Name: {{customerInfo.name}} Address: {{customerInfo.address}}</div><div>Name: {{john.name}} Address: {{john.address}}</div>',
    link: function (scope, element) {
      console.log(scope);
    }
  };
});