[解決済み] 角度換算2
2022-12-02 16:46:05
質問
onchangeを使って入力範囲の値をfirebaseに保存しているのですが、関数が定義されていないというエラーが発生します。
これは私の関数です。
saverange(){
this.Platform.ready().then(() => {
this.rootRef.child("users").child(this.UserID).child('range').set(this.range)
})
}
これは私のhtmlです。
<ion-item>
<ion-row>
<ion-col>Rayon <span favorite><strong> {{range}} km</strong></span></ion-col>
<ion-col><input type="range" name="points" min="0" max="40" [(ngModel)]="range" onchange="saverange()"></ion-col>
</ion-row>
</ion-item>
angularのonchangeに相当するものがあれば、教えてください。 ありがとうございます
どのように解決するのですか?
<ブロッククオート私たちは Angularイベントバインディング に応答するために 任意の DOM イベント . 構文は簡単です。DOM イベントの名前を括弧で囲み、それに引用符で囲まれたテンプレート文を割り当てています。-- 参照
から
change
が
には、標準的な DOM イベントのリストである
にある場合、それを使うことができます。
(change)="saverange()"
あなたの特定のケースでは、NgModel を使用しているので、代わりにこのように双方向のバインディングを分割することができます。
[ngModel]="range" (ngModelChange)="saverange($event)"
次に
saverange(newValue) {
this.range = newValue;
this.Platform.ready().then(() => {
this.rootRef.child("users").child(this.UserID).child('range').set(this.range)
})
}
しかし、この方法では
saverange()
はキーを押すたびに呼び出されるので、おそらくは
(change)
.
関連
-
[解決済み] Angular2の$document.ready()に相当します。
-
[解決済み] Angular2の素材ダイアログに問題あり - @NgModule.entryComponentsに追加しましたか?
-
[解決済み] Angular 2+でngShowとngHideに相当するものは何ですか?
-
[解決済み】'formControl'は'input'の既知のプロパティではないのでバインドできない - Angular2 Material Autocomplete問題
-
[解決済み】angular2 + typescriptアプリケーションにlodashをインポートする。
-
[解決済み】Angular2 Exception: routerLink'が既知のネイティブプロパティではないため、バインドできない。
-
[解決済み】angular2スタイルガイド - プロパティにドル記号は?
-
[解決済み】Angular2の@Inputをget/setでプロパティに入力する。
-
[解決済み] Angular 2におけるEventEmitter.next()とEventEmitter.emit()の相違点
-
[解決済み] ルーターナビゲートで同じページのngOnInitを呼び出さない
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ng serve がファイルの変更を自動的に検出しない
-
[解決済み] Angular Materialでのデフォルトのソート - ヘッダーのソート
-
[解決済み] formControlNameとFormControlの違いは何ですか?
-
[解決済み] angular-cliのビルドでカスタムファイルをインクルードするには?
-
[解決済み] Angular 2のFormGroupからすべての検証エラーを取得する
-
[解決済み] angular4 / typescriptでdocument.getElementByIdの置き換え?
-
[解決済み] Angular / Angular Materialでmat-horizontal-stepperのステップをプログラムで移動させることは可能ですか?
-
[解決済み] 新しいangularプロジェクトを作成する際に依存関係ツリーエラーを解決できない
-
[解決済み] Reactive Forms - フィールドをタッチしたものとしてマークする
-
[解決済み] AngularでFormGroupに動的にaddControlを追加する