title: Angular: how to initialize textarea with default value
body: <p>I built an app that showing messages, when the user press on <code>edit</code> i want the message <code>textarea</code> to be initialized with it's value i create a factory called <code>notification</code> to get the message from my data base and in the controller i called this factory:</p>
  
  <pre><code>  $scope.notification = notification.getNotification($stateParams.id);
    $scope.notification.then(
      function(notification) {
        $scope.notification = notification;
        console.log($scope.notification.message);
      },
      function(response) {
        console.log('error fetching the notification', response);
      }
    );
  </code></pre>
  
  <p>and the HTML :</p>
  
  <pre><code>&lt;textarea ng-model="item.message" class="form-control" ng-init="item.message={{notification.message}}"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>The textarea kept empty and this what i got in my elements inspector:</p>
  
  <pre><code>&lt;textarea ng-model="item.message" class="form-control ng-pristine ng-untouched ng-valid" ng-init="item.message=hello"&gt;&lt;/textarea&gt;
  </code></pre>