angular.js -Angularjs는 스팬 태그를 두 번 클릭하고 스팬 태그를 입력 태그로 바꾸는 것을 인식합니까?

Question

페이지에 여러 개의 스팬 태그가 있고 각 스팬 태그를 더블클릭 이벤트에 바인딩하여 더블클릭된 스팬 태그가 입력 태그가 되도록 구현하는 방법입니다. 이고, 스팬 태그의 값은 The value of the input tag?

Answer 1

1. html5的新特性contenteditable와 Angular의 지침을 사용하면 쉽게 할 수 있습니다.
2. 이 데모를 볼 수 있습니다
3. 구체적인 코드는 다음과 같습니다:
app.js

으아악

index.html

으아악

Answer 2

ng-dbclick 품질 처리 가능

Answer 3

일반적으로 말해서, 하나는 숨기고 하나는 보여주기 위해 두 개를 씁니다.

으아악

Answer 4

요구 사항을 함부로 바꾸는 것은 좋지 않지만... 실제로 더블클릭하기 전의 입력은 읽기 전용이고, 더블클릭 후에는 읽기 전용으로 바뀌는 것이 아닐까 싶습니다. 테두리로 편집 가능...
전과 마찬가지로 여러 분들 말씀대로 더블클릭 반응을 추가하고, 콜백 함수에서 읽기 전용과 스타일을 변경해 보세요.