問題タブ [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.
angularjs - Angular および動的 HTML
動的な HTML と Angular を含むページの最適なアプローチは何ですか? つまり、検索結果を表示するために DataTables.net を使用しており、Angular を使用して各セルを編集できる必要があります。もちろん、その HTML は、検索が実行された後に作成され、Angular はすでに hmlt をそのスコープにバインドしているため、Angular ではバインドされません。
javascript - ボタンのクリック時に動的 HTML を使用してフォームを追加する
いくつかの機能を追加したいウェブサイトアプリhttp://firstusadata.com/cash_flow_test/がありますが、まだ成功していません。
ボタンを 1 回クリックしてベンダー情報フォームを追加し、別のボタンをクリックしてその特定のベンダー情報フォームに製品を追加できるようにするという考え方です。下の画像は、ベンダー情報ボタンと製品の追加ボタンを示しています。
現在、ベンダー情報フォーム (div id="dynamic_content_1") の動的 html 関数を削除すると、以下に示すように、製品の追加ボタンが機能し、前の製品ラインの下に新しい製品ラインが追加されます。私のエラーはこの領域のどこかにあると思いますが、確信が持てません。
私はjqueryにかなり精通しているので、経験豊富な人には非常に明白な何かが欠けている可能性があります。助けていただければ幸いです。
javascript - テキストボックスも動的に追加するボタンを動的に追加する AngularJS
私はこの JSFiddle コードを持っています:
http://jsfiddle.net/rnnb32rm/285/
JS:
ご覧のとおりaddNewChoice()
、配列にオブジェクトを追加する関数があり、配列choicesA
のオブジェクト番号に基づいてテキストボックスが追加されますchoicesA
。
最初の のボタンfieldset
をクリックしたときにのみ、最初にテキストボックスを追加する必要があります。生成されたテキストボックスに書き込むデータはバインドされ、配列のオブジェクトを分離するために追加されます。他のすべてのボタンについても同じです (したがって、各ボタンはテキストボックスを独自のタグにのみ追加できます)。これも、配列内のオブジェクトの数に基づいて生成されます。Add fields
fieldset
choicesB
Add fields
Add field
fieldset
choicesA
私はすべてを試しましたが、私はそれを理解することはできません。少し不明な点がある場合は、さらに説明できます。よろしくお願いします。
編集:ご協力いただきありがとうございます。詳しく説明させてください:
Spring REST API とJava
Resource & 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
割り当てることを意味します。Resource
choicesA
choicesB
アクションの数を決定して入力し、配列に保存できるようにしたいと考えています。しかし、すべてのアクションは、Resource
私が説明したように特定のオブジェクトに関連しています。
申し訳ありませんが、またよろしくお願いします。
html - リストにバインドされたクリック可能な (オン/オフ状態) html 要素を作成する方法
プッシュ/プッシュ解除の 2 つの状態を持つ大量のクリック可能な html 要素を作成する必要があります。この大規模な要素の 1 つだけがプッシュ状態になることができます。RadioButtonList に似ています。また、選択した (プッシュされた) 要素の値を ViewModel の SelectedValueId にバインドする必要があります。この特定のテーマに関するヘルプは大歓迎です! ありがとう!そのデザインは次のとおりです。
私が今まで得た唯一のものは、次のような大規模な heperlinks です。
しかし、doTheJob(@item.Value) から ViewModel に値を取得する方法は?
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を使用してこれを達成するために他の方法を使用できます