title: Two inputs with one way binding in ng-model
body: <p>I try to make an application which have two inputs text (say parent and child) , each one has <code>ng-model</code> .</p>
  
  <p>I want to make it one way binding , mean , change in the parent input should display the same value in the child , and change in the child input wouldn't affect in the parent . </p>
  
  <p>please try to make it as Angular solution as can (avoid key event .. )</p>
  
  <p>Here is my code so far , changing in the parent cause to change in the child but it break the binding once I typing in the child -</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var myAppModule = angular.module('myApp', []) 
    .controller('myCtrl',function ($scope) {
     $scope.myText = "Type your text"
           
       })
       .directive('myDrtv',function () {
           return {
            restrict: 'A',
            scope: {
             myText: '='/* =/@/&amp;*/
            },
            template: "&lt;input type='text' ng-value='myText' style='margin-left:64px'&gt;",
            link: function(scope, element, attrs) {
            }
           }
       })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"&gt;&lt;/script&gt;
  
  &lt;div ng-app="myApp" ng-controller="myCtrl"&gt;
    &lt;input type="text" ng-model="myText"&gt;
    &lt;div my-drtv my-text="myText"/&gt;
   &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>