AngularJS 在单击事件后在文本区域中呈现内容

Question

我正在使用 Angular JS 尝试在单击链接以获取我的 controllers.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);
  });
}

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

<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 范围和绑定。你可能想用它来看看发生了什么。