angular.js - angularjs实现双击span标签，将span标签变成input标签？

Question

页面中有多个span标签，每个span标签都绑定了一个双击事件，如何在双击事件中实现，将被双颊的span标签变成input标签，同时span标签中的值变成input标签的value？

Answer 1

1. html5的新特性contenteditableとAngularの命令を使えば簡単に実行できます。
2. このデモを見ることができます
3. 具体的なコードは次のとおりです:
app.js

リーリー

index.html

リーリー

Answer 2

ng-dbclick 品質には対応できます

Answer 3

一般的には、2 つ書きます。1 つは非表示にし、もう 1 つは表示します:

リーリー

Answer 4

要件を気軽に変更するのはよくありませんが、実際に必要なのは、ダブルクリックする前の入力が読み取り専用で枠線がないことだと思います。ダブルクリックした後、読み取り専用から読み取り専用に変わります。枠線付きで編集可能...
前と同じように 何人かの方がおっしゃっていたようにダブルクリック応答を追加し、コールバック関数でreadonlyとstyleを変更します。