問題タブ [angular-ngmodel]

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 に答える
937 参照

angularjs - ng-repeat 内の複数の switch-toggle のデフォルトの ng-model 値を設定する方法

ng-repeat 内で switch-toggle を使用しました。フォームに複数の switch-toggle があり、フォーム送信時にすべての値が必要な場合に、デフォルト値を ng-model に設定する方法がわかりません。私はAngularの世界に非常に慣れていません。これがです。フォームロードのこの例では、スイッチトグルのデフォルト値は「OFF」として示されています。switch-toggle を変更せずにフォームを送信し、ブラウザー コンソールで確認すると、空のモデル配列が表示されます。そして、いくつかの変更を加えると、適切な値が得られます。
では、変更を加えたかどうかに関係なく、スイッチトグルのすべての値を取得するにはどうすればよいでしょうか。私のangularJSの知識に関する限り、それはそのモデルに関連していると思います。しかし、この場合どうすればいいのか迷ってしまいます。

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

json - 配列内のグループ化された子として ng-model 値を追加する

Python を学ぶことで、角ばったことをすべて忘れてしまいました。それが私の話であり、私はそれに固執しています。似たような質問がどこにも見つからないので、Google のスキルを忘れてしまいました。最も近いのはHow to append to a json object in angular jsかもしれませんが、それも機能しませんでした。

タイトルと説明の 2 つの入力フィールドが 10 セットあります。それらを子として配列に追加したいので、json には 10 個のプロパティがあり、各プロパティには 2 つの子プロパティがあります。私はプッシュ、連結、さらには昔ながらの += を絶望的に試みましたが、何も機能していません。私は明らかなことを完全に見逃しているに違いありません。

数字は (1 から 10 まで) 変化しますが、各行は次のようになります。

私のコントローラーで、上記のリンクに基づいて試したバージョンは次のとおりです。これは、concat または push よりもうまく機能していません。

ドットの予期しないトークンのエラーが発生し続けます ($scope-dot-idea1 のドットなど)。テストとして単純なテキストを入力すると、閉じ括弧で予期しないトークン エラーが発生します。

コントローラーが注意を払うかどうかを確認するためだけに、watchCollection を試してみましたが、それからは何も得られません。idea1、$scope.idea1、$scope.idea1.title の順に見てみましたが、watchCollection はそのままです。

これは、大まかに次のように仕上げたいものです。

私は本当に明白なことを確認しました.ng-appはng-controllerと同じレベルではありません.正しいコントローラーを呼び出しています.奇抜なスペルミスはありません.

ヘルプ?

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

javascript - NG-MODEL 内で式を使用できますか?

NG-MODEL ディレクティブ内で式を使用したい このバインディングを達成する方法はありますか? コンパイルのようなものを使用して行うことができますか?ここに私のマークアップがあります

ng-model='{{model}}' でエラーが発生します ディレクティブからモデル属性を読み取る方法はありますか? そのようにリンクすることは可能ですか、それとも $compile を使用してこれを達成する必要がありますか? ディレクティブが子スコープで変数を作成し、それをディレクティブが生成している ng-model にバインドできるようにしたいと考えています。ディレクティブの「モデル」の属性を使用して、ng-model の変数を作成したいと考えています。この例では、「幅」を {{model}} 式の場所にしたいと考えています。

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

angularjs - Angular js で contenteditable

contenteditableangular jsのディレクティブを使用しています。aそして、.を使用してタグの値にアクセスしようとしng-modelましたが、未定義になります。

これは、contenteditable ディレクティブを使用する私の html です

およびこの contenteditable ディレクティブ

ang-model を使用してタグ値を取得する方法を教えてください。

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

javascript - angularJSがスペースを空として扱うのはなぜですか?

angularJS では、入力フィールドを ng-model にバインドし、入力が空でない場合に何かを表示します。

スペースキーを押すと、ブール値typeSignature==''はまだ真です。ただし、jQuery では、$('#name').val() == ''スペースを押した場合、ブール値は false になります。

angularJSが空間を異なる方法で扱うのはなぜですか? val()jQuery関数をanguLarJSと一致させるにはどうすればよいですか?つまり、スペースも空として扱うにはどうすればよいですか?

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

angularjs - Angularjsはng-repeat内のselectboxの初期値を選択します

最初に選択ボックスで選択したオプションとして選択した色を設定したい

jsfiddleのリンク

ここに私の部分があります:

コントローラー:

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

javascript - Angularはプログラムで属性なしでngChangeを追加します

HTMLを変更せずに(つまり、ng-changeプロパティなしで)ディレクティブでng-change属性をシミュレートしようとしています。

ディレクティブのAngularソースコードを見るとngChange、私のディレクティブは機能し、次のようになります:(基本的に、このディレクティブでは、フィールドが必要blur()select場合model change)

で適用します:

しかし、それは正しい解決策ですか? これを行う別の方法はありませんか?scope.change() はどうですか?

ありがとう

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

javascript - Angular ngModel の例でエラーがスローされないのはなぜですか?

Angular $scope に関するいくつかの SO 応答を読みました。これは、JS のプロトタイプ継承に従うことを意味します ( AngularJS におけるスコープ プロトタイプ/プロトタイプ継承のニュアンスは何ですか? ) 。

これが事実であるため、次の例がエラーをスローしない理由に興味があります。

プロトタイプの継承に基づいて、私が期待することは次のとおりです。

  1. MainCtrl が呼び出されると、MainCtrl とそれに対応するビューの $scope オブジェクトが作成されます。
  2. 入力ボックスに入力するたびに、何らかの文字列が $scope.data.message にバインドされます。
  3. ただし、これを行うために、JavaScript での最初のステップは、$scope.data の解決を試みることです。
  4. MainCtrl 関数にはデータ プロパティがないため、rootScope でデータ プロパティを検索しようとします。
  5. rootScope にはデータ プロパティがないため、$scope.data は「未定義」に解決されるはずです。
  6. 最後に、undefined.message に代入しようとすると、エラーが発生するはずです。

ただし、コードは問題なく機能し、データは正しくバインドされています。なぜこれが私にエラーを投げていないのか、誰かが解決するのを助けることができますか?