問題タブ [edit-in-place]

次のコードは、ラベル付きのチェックボックスを提供します。

実際の状態: ボックス自体をクリックするか、ラベルをクリックすることで、ボックスをチェック (解除) できます。カーソルは、box-label-line 全体を指すポインターです。

望ましい状態: ボックス自体をクリックすることによってのみ、チェックボックスをオン (オフ) にできます。ラベルにカーソルを合わせると、カーソルがテキスト カーソルになり、クリックするとその場で編集できるようになります。

どうすればこれを達成できますか？

私のプロフィールページには多くのフィールドがあります。Angularjs X-editable を使用してプロファイル ページをインライン編集可能にしています。ガイドhttp://vitalets.github.io/angular-xeditable/を使用して進歩しています

これで、画像フィールドを除くすべてのフィールドを編集可能にしました。私は画像、つまりプロフィール写真を持っていて、それを編集可能にしたい[画像の近くにある編集アイコンをクリックすると、画像が画像アップロードウィジェットに変わり、画像をアップロードした後、再びショーに戻るはずです.新しいイメージ]。

X-editable には、画像フィールドを編集する機能がありますか? または、他の代替手段はありますか？

特定の条件で更新する必要があるjsonファイルがあります。

サンプル json

以下に示すように、Jqを使用して値と更​​新を一致させるスクリプトを作成しています

出力 (端末に出力)

このコマンドは必要な変更を行いますが、json 全体をターミナルに出力し、ファイル自体は変更しません。

jq でファイルを直接変更するオプションがあるかどうかをお知らせください (sed -i と同様)。

x-editableプラグインのブートストラップ バージョンを使用してurl、テーブルにある値を更新しています。ユーザーがボックスの値を変更すると、ストアselectに対応する値を取得するために ajax 呼び出しが起動されます。urlURL値を更新する前に毎回x-editableイベントのバインドを解除していますが、何かが正しくありません。URL は 1 回だけ更新され、残りの選択変更イベントでは同じままです。

選択値を変更すると、次のことが起こります

• 選択値を初めて変更すると、URL が空になり、更新されません。

• しかし、選択値を2回目に変更すると、URLが変更されます。

• そして、この後のすべての選択値の変更について、2 番目の URL はまったく更新されません。

デモ: JSFiddle

k番目の要素IN PLACEからリストを逆にしたいのですが、これが私のコードです:

これは正しいコードですが、次のコードは正しくありません。理由を知っている人はいますか？

ありがとう！