代码之家 › 专栏 › 技术社区 › user1592129

从模板内设置表单控件的值

angular

user1592129 · 技术社区 · 6 年前

我有一个模板,它将发货方法显示为类似的单选按钮运输方法是通过服务加载的。

我想设置FormControl shipping_method 第一个选项的ID的值我该怎么做?

<div class="form-row" *ngIf="shippingMethods$ | async; let shippingMethods; ">

            <div class="form-group radio" *ngIf="shippingMethods.length > 0">    
                <h2>Versandart:</h2>
                <label *ngFor="let shippingMethod of shippingMethods; let idx = index" for="method-{{ shippingMethod.id }}">
                    <input formControlName="shipping_method" 
                            type="radio" 
                            value="{{ shippingMethod.id }}" 
                            id="method-{{ shippingMethod.id }}" 
                            [checked]="idx === 0">
                    <i class="checkbox"></i>
                    <span>{{ shippingMethod.label }}</span>
                </label>
            </div>
        </div>

1 回复 | 直到 6 年前

Pierre Mallet 6 年前

// after initialisation of your observable
shippingMethods$.tap(methods => {
    // we use tap to not make a double subscription
    // group is your FormGroup
    if (!this.group.get('shipping_method').value) {
        this.group.get('shipping_method').setValue(methods[0].id);
    }
});

{{Â myvar = value }}

here

ngFor

<span *ngIf="idx === 0 && !group.get('shipping_method').value">
    {{ group.get('shipping_method').setValue(shippingMethod.id)}}
</span>

FormGroup

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

1 年前

Kael · 在html表格中显示关系api数据-角度

2 年前