選択オプションでデフォルトの静的値を設定する
batgerel.e
selectタグのデフォルト値の設定に問題があります。これが私のスニペットです：
<select class="form-control" id="field_company" name="company" formControlName="company">
<option value="null" [selected]="true"> {{ 'khanbankCpmsApp.company.default' | translate }}</option>
<option
[ngValue]="companyOption.id === editForm.get('company').value?.id ? editForm.get('company').value : companyOption"
*ngFor="let companyOption of companies;"
>
{{ companyOption.name }}</option>
</select>
デフォルトの場合、静的な値が選択時に表示されます。しかし、結果は次のとおりです。
私は何を間違えましたか？何かアドバイス ？
ダヴァル・パテル
リアクティブフォームを使用しているため、FormControlをのようにformGroupに設定する必要があります。
<form [formGroup]="companyGroup">
<select class="form-control" name="company" formControlName="company">
<option value="1"> One </option>
<option value="2"> Two </option>
<option value="3"> Three </option>
</select>
</form>
.tsファイルには
export class HelloComponent implements OnInit {
@Input() name: string;
companyGroup: FormGroup;
constructor(private fb: FormBuilder) {
}
ngOnInit() {
this.companyGroup = this.fb.group({
company : ''
})
this.companyGroup.get('company').patchValue('2');
}
}
デモリンクはこちら
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
選択オプションのデフォルト値を設定する方法
- 2
複数のオプションのデフォルトの選択値を設定する方法（ion-select）
- 3
イオンオプションのデフォルトの選択値を設定するにはどうすればよいですか？
- 4
Angularでは、選択したオプションで他のオプションのデフォルト値を設定します
- 5
オプション選択のデフォルト設定
- 6
角度2-<select>のデフォルトの選択オプションを設定する方法
- 7
マット選択でデフォルトオプションを設定
- 8
AngularJS-デフォルトの選択オプションを設定する方法
- 9
デフォルト値で値を設定するオプション
- 10
HTMLのオプションのデフォルト値を設定する
- 11
ナビゲーションドロワーでデフォルトの選択オプションを設定する
- 12
選択したオプションをテキストで設定し、デフォルトのオプションにリセットします
- 13
選択オプションのプレースホルダーのフォントの色を設定する
- 14
Angular.js選択ボックスにデフォルトオプションを設定する方法
- 15
デフォルトのオプション選択を設定するにはどうすればよいですか？
- 16
Angular ng-optionsは、空白を削除するか、特別な選択設定でデフォルトオプションを設定します
- 17
デフォルトの選択オプションを設定するためのプロンプトの書き方
- 18
Laravel：デフォルトオプションを設定するときにフォーム選択がスタイル/クラスで機能しない
- 19
角度2、デフォルト値を設定してオプションを選択
- 20
プログラムでマットを設定-デフォルトオプションを選択
- 21
デフォルト値をオプション選択メニューに設定
- 22
デフォルト値をオプション選択メニューに設定
- 23
デフォルト値をオプション選択メニューに設定
- 24
mat-selectコンポーネントを使用してデフォルトで選択されたオプションを設定する正しい方法
- 25
オプションがオブジェクトで、デフォルトが整数IDの場合、デフォルトのngOptions値を設定する方法
- 26
JavaScriptでアクションを選択する前にデフォルトの変数値を設定するにはどうすればよいですか？
- 27
AngularJSはドロップダウンでデフォルトの選択されたオプションを設定します
- 28
Thymeleafで無効なデフォルトオプションを選択する
- 29
オプション値を選択すると、デフォルトで整数が返されます
コメントを追加