title: Directive with scope breaking ngmodel of an input
body: <p>What scope should I give to my directive so that the input displays the initial value "Toto" ?
  I don't want to take scope:true</p>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app="plunker" &gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;AngularJS Plunker&lt;/title&gt;
    &lt;script&gt;document.write('&lt;base href="' + document.location + '" /&gt;');&lt;/script&gt;
    &lt;link rel="stylesheet" href="style.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"&gt;&lt;/script&gt;
    &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-controller="MainCtrl"&gt;
     &lt;input customattr type = "text" ng-model="value.name" /&gt;   
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>JS code : </p>
  
  <pre><code>var app = angular.module('plunker', []);
  
  app.controller('MainCtrl', function($scope) {
    $scope.value = {"name":"Toto", "id":1};
  
  });
  
      app.directive('customattr', function () {
        return {
            restrict: 'A',
            scope: {
            },
            link: function (scope, element, attrs) {
  
            } 
        }; 
      });
  </code></pre>
  
  <p>Plunker here:
  <a href="http://plnkr.co/edit/JxWElWhTeBbNpFHS0wYT" rel="nofollow">http://plnkr.co/edit/JxWElWhTeBbNpFHS0wYT</a></p>