양방향 바인딩을 위해 contenteditable div 사용

Question

내 모델의 콘텐츠를 contenteditable 인 div에 표시하려고합니다. 사용자가이 콘텐츠를 수정하면 모델에 저장됩니다. 나는 http://plnkr.co/edit/ruKtNfDWP17npbFU4Te9?p=info var app = angular.module('docApp', []);

에서 사용할 수 https://docs.angularjs.org/api/ng/type/ngModel.NgModelController.

코드에서 제공하는 예이다 사용하고 있습니다 문제는 다음과 같습니다

1. NG 모델 속성은에서와 같이 사업부에없는 데이터를 출력하지 입력 컨트롤 따라서 바인딩 표현식을 사용해야합니다.
2. 편집으로 인해 별 문제가 발생합니다.

어떻게 올바르게 표시합니까?

감사합니다.

Answer 1

내 경험에 의하면 contenteditable은 다루기가 매우 까다 롭습니다. 긴 토론을 위해 this issue on github (3 년 이상 열려 있음)을 참조하십시오. akatov/angular-contenteditable과 같은 타사 모듈을 사용해 볼 수도 있습니다.