Click 이벤트 후 텍스트 영역에 AngularJS 렌더링 콘텐츠

Question

Angular JS를 사용하여 여기에 표시된대로 controllers.js의 일부 콘텐츠를 가져 오기 위해 링크를 클릭 한 후 Angular JS를 사용하여 <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"

편집 : 당신은 $ 범위를 수행 할 수 있습니다 $)는 (적용됩니다. 새 콘텐츠를 설정 한 후 나는 그것이 필요하다고 생각하지는 않지만 시험할만한 가치가 있다고 생각한다. AngularJS 범위와 바인딩을 검사 할 수있는 멋진 Chrome 확장 프로그램이 있습니다. 당신은 무슨 일이 일어나고 있는지보기 위해 그것을 사용하고 싶을 것입니다.