angular.js - angularjs は、span タグをダブルクリックして、span タグを input タグに変えることを実現しますか?

Question

ページ内に複数のspanタグがあり、それぞれのspanタグがダブルクリックイベントにバインドされているので、ダブルクリックされたspanタグがinputタグになるようにダブルクリックイベントに実装する方法です。 、spanタグの値はinputタグの値?になります。

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を変更します。