app =angular.module('app', []);

​

app.controller('profiles', function($scope){

  $scope.name = 'Bob';

});

​

app.directive('dir', function(){

  return{

   restrict: 'A',

    scope:{

      outername:"="

    },

   link: function(scope, element, attrs){

      scope.dirname = 'Lisa';

     element.on('click', function(){

       scope.outername = 'Lisa';   

       scope.$apply();

     });

   }   

  };

});