問題タブ [dynamic-html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
143 参照

angularjs - Angular および動的 HTML

動的な HTML と Angular を含むページの最適なアプローチは何ですか? つまり、検索結果を表示するために DataTables.net を使用しており、Angular を使用して各セルを編集できる必要があります。もちろん、その HTML は、検索が実行された後に作成され、Angular はすでに hmlt をそのスコープにバインドしているため、Angular ではバインドされません。

0 投票する
2 に答える
61 参照

javascript - ボタンのクリック時に動的 HTML を使用してフォームを追加する

いくつかの機能を追加したいウェブサイトアプリhttp://firstusadata.com/cash_flow_test/がありますが、まだ成功していません。

ボタンを 1 回クリックしてベンダー情報フォームを追加し、別のボタンをクリックしてその特定のベンダー情報フォームに製品を追加できるようにするという考え方です。下の画像は、ベンダー情報ボタンと製品の追加ボタンを示しています。

ベンダーおよび製品ボタン領域

現在、ベンダー情報フォーム (div id="dynamic_content_1") の動的 html 関数を削除すると、以下に示すように、製品の追加ボタンが機能し、前の製品ラインの下に新しい製品ラインが追加されます。私のエラーはこの領域のどこかにあると思いますが、確信が持てません。

私はjqueryにかなり精通しているので、経験豊富な人には非常に明白な何かが欠けている可能性があります。助けていただければ幸いです。

0 投票する
3 に答える
4578 参照

javascript - テキストボックスも動的に追加するボタンを動的に追加する AngularJS

私はこの JSFiddle コードを持っています:

http://jsfiddle.net/rnnb32rm/285/

JS:

ご覧のとおりaddNewChoice()、配列にオブジェクトを追加する関数があり、配列choicesAのオブジェクト番号に基づいてテキストボックスが追加されますchoicesA

最初の のボタンfieldsetをクリックしたときにのみ、最初にテキストボックスを追加する必要があります。生成されたテキストボックスに書き込むデータはバインドされ、配列のオブジェクトを分離するために追加されます。他のすべてのボタンについても同じです (したがって、各ボタンはテキストボックスを独自のタグにのみ追加できます)。これも、配列内のオブジェクトの数に基づいて生成されます。Add fieldsfieldsetchoicesBAdd fieldsAdd fieldfieldsetchoicesA

私はすべてを試しましたが、私はそれを理解することはできません。少し不明な点がある場合は、さらに説明できます。よろしくお願いします。

編集:ご協力いただきありがとうございます。詳しく説明させてください:

Spring REST API とJavaResource & Action という名前の 2 つのオブジェクト (JPA エンティティ) があり、オブジェクト Resource にはアクションのリストが含まれ、Action にはリソースへの参照が含まれています。

ページをロードするとResource、名前付きの $http.get() メソッドによって、既に保存したオブジェクトの配列がデータベースから返されますchoicesA。配列の構造は次のようになります。

Action別のネストされていない配列という名前のオブジェクトの配列を投稿する別のメソッド $http.post() がありますchoicesB。配列構造は次のようになります。

したがって、choicesA配列にはResource$http.get() で取得したオブジェクトが含まれます。次に、配列にActionオブジェクトを入力し、 choicesB$http.post() を使用して配列を保存します。すべてActionのオブジェクトにオブジェクトが含まれている必要がありResourceます。fieldsetたとえば、クリックして最初のタグにさらにアクションを追加すると、配列の最初のActionオブジェクトを入力し、配列にある最初のオブジェクトにchoicesB割り当てることを意味します。ResourcechoicesA

choicesBアクションの数を決定して入力し、配列に保存できるようにしたいと考えています。しかし、すべてのアクションは、Resource私が説明したように特定のオブジェクトに関連しています。

申し訳ありませんが、またよろしくお願いします。

0 投票する
1 に答える
50 参照

html - リストにバインドされたクリック可能な (オン/オフ状態) html 要素を作成する方法

プッシュ/プッシュ解除の 2 つの状態を持つ大量のクリック可能な html 要素を作成する必要があります。この大規模な要素の 1 つだけがプッシュ状態になることができます。RadioButtonList に似ています。また、選択した (プッシュされた) 要素の値を ViewModel の SelectedValueId にバインドする必要があります。この特定のテーマに関するヘルプは大歓迎です! ありがとう!そのデザインは次のとおりです。ここに画像の説明を入力

私が今まで得た唯一のものは、次のような大規模な heperlinks です。

しかし、doTheJob(@item.Value) から ViewModel に値を取得する方法は?

0 投票する
3 に答える
515 参照

javascript - javascriptを使用して文字列をhtmlコンテンツに置き換えます

JSON からこの文字列をレンダリングします。「私は $1$ フロントエンド開発者が $3$ から $2$ で働いています」

今、私は動的なHTML入力テキストボックスに置き換えたいと思ってい$1$,$2$ます$3$.So、出力は私です

<-input textbox here> frontend developer works at <-input textbox here> from <-input textbox here>.

文字列置換メソッドを使用しようとしましたが、文字列に対してのみ機能するようです.javascript/jqueryを使用してこれを達成するために他の方法を使用できます