单击事件后AngularJS在textarea中呈现内容

Question

单击链接以获取controllers.js中的某些内容后，我使用Angular JS尝试通过$ http请求更新<textarea>的值，如下所示：

$scope.setDocument = function(docId) {
  $http.get('docs/' + docId + '.json').success(function(data) {
    $scope.content = data.docData;
    console.log('setting document: ' + data.docData);
  });
}

log语句显示正确的文档数据，但结果未在浏览器的文本区域中呈现：

<textarea id="main-writer" ng-model="content" class="row-fluid" autofocus="true" cols="48" rows="24"></textarea>

我在这里想念什么？

Answer 1

应该是ng-model="content"而不是"docData"

编辑：您可能想做$ scope。$ apply（）;。 设置新内容后。 尽管我认为这不是必需的，但值得尝试。 有一个不错的Chrome扩展程序，用于检查AngularJS范围和绑定。 您可能想要使用它来查看发生了什么。