問題タブ [angularjs-ng-model]

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 投票する
8 に答える
161674 参照

angularjs - ng-model、ng-repeat、および入力の難しさ

ユーザーがとを使用してアイテムのリストを編集できるようにしようとしていngRepeatますngModel。(このフィドルを参照してください。)しかし、私が試した両方のアプローチは、奇妙な動作につながります。1つはモデルを更新せず、もう1つは各キーダウンでフォームをぼかします。

私はここで何か間違ったことをしていますか?これはサポートされているユースケースではありませんか?

便宜上コピーしたフィドルのコードは次のとおりです。

</ p>

0 投票する
9 に答える
220424 参照

angularjs - 入力のng-modelのフィルター

テキスト入力があり、ユーザーにスペースの使用を許可したくないので、入力したものはすべて小文字になります。

ng-modelでフィルターを使用することは許可されていません。

独自のディレクティブを作成することを検討しましたが、入力に関数を追加し、入力$parsers$formatters更新せず、入力に含まれる他の要素のみを更新しng-modelました。

現在入力している入力を変更するにはどうすればよいですか?

私は基本的に、StackOverflowの機能と同じように機能する「タグ」機能を作成しようとしています。

0 投票する
7 に答える
142372 参照

angularjs - AngularJS: ng-model がチェックボックスの ng-checked にバインドされていない

この質問をする前にこれを参照しました。

AngularJs は ng-checked を ng-model とバインドしません

側で にng-checked評価されtrueた場合、は更新されません。チェックボックスごとにスタイリングを使用する必要があるため、上記の質問で示唆されているようにはできません。htmlng-modelng-repeat

これは、私の問題を説明するために作成したプランカーです。

http://plnkr.co/edit/YsOsPh3vjkPMUUDa6r2t

必要なものを確認するには、コンソールを開いてSubmitボタンをクリックしてください。チェックボックスにはチェックを入れないでください。

前もって感謝します!

0 投票する
13 に答える
320221 参照

angularjs - `のngモデル` (ディレクティブ DEMO 付き)

タイプファイルの入力タグで ng-model を使用しようとしました:

しかし、コントローラーでファイルを選択した後、 $scope.vm.uploadme はまだ定義されていません。

コントローラーで選択したファイルを取得するにはどうすればよいですか?

0 投票する
5 に答える
28238 参照

javascript - AngularJS - contenteditable で ng-model が失敗する

私はAngularJSを学んでいます。説明できないものに出くわしたり、説明(または解決策)を見つけることができません。

私は単純な AngularJS アプリを持っていて、<span contenteditable="true">a を値にバインドしようとしていますが、うまくいきません。例えば:

値を編​​集すると chunk.value が更新されるように、最後のスパンで双方向バインディングを使用するにはどうすればよいですか?

0 投票する
5 に答える
60846 参照

angularjs - AngularJS 数値入力書式付きビュー

書式設定された数値入力を使用して、ユーザーが大きな数値を入力したときに千区切りのドットを表示したいと考えています。私が使用したディレクティブ コードは次のとおりです: http://jsfiddle.net/LCZfd/3/

使用するinput type="text"と機能しますが、使用したい場合はinput type="number"、ユーザーが大きな数字を入力すると、何かが奇妙に掃除されます。

問題は何input[number]ですか?

0 投票する
0 に答える
35 参照

javascript - AngularJS : 要素のトランスクルージョンでモデルへのアクセスを維持する

プランカー: 直接編集の例。

上記のプランカーには、次を使用するディレクティブ (直接編集) があります。

要素を他のマークアップで囲みます。ディレクティブ

追加のマークアップをモデルに接続します。ただし、初期要素は ng-transclude でラップされているため、モデルから切り離されます。これを修正する方法を知っている人はいますか?

編集(以下のコメントから):

明確にするために:任意のディレクティブを取りたい:

そして直接編集ディレクティブを追加して、任意のディレクティブが値を直接編集するフィールドとペアになるようにします。簡単にするために、サンプル コードではテキスト入力のみを示しています。