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

角度“选择”绑定到真/假值无效

angularjs-ng-value angular

0

Gargoyle · 技术社区 · 6 年前

我想把我的头发绑起来 select -- select --

        <select class="form-control" id="primary" name="primary" required
                [(ngModel)]="primaryValue">
            <option *ngIf="primaryValue === null" [ngValue]="null">-- Select --</option>
            <option [ngValue]="true">Yes</option>
            <option [ngValue]="false">No</option>
        </select>

这个 primaryValue

@Input() primaryValue: boolean;

StackBlitz

3 回复 | 直到 6 年前

1

Sunil Singh 6 年前

boolean 值来设置初始值。

<app-lab-hazard-classification-question-group 
    (change)="onHazardValueChanged($event)"
    primaryQuestion="Primary Question One"
    [primaryValue]="true"                         <!-- Set the boolean value -->
    secondaryQuestion="Secondary Question One" 
    [secondaryValue]="false">                     <!-- Set the boolean value -->
</app-lab-hazard-classification-question-group>

工作副本在这里- https://stackblitz.com/edit/angular-5mdctu

2

0

Shivam Sinha 6 年前

双向绑定也称为“盒子里的香蕉”绑定,即[()]。

在AppComponent.html中,颠倒括号的顺序进行正确绑定

<app-question-group [(primaryValue)]="valueOne"></app-question-group>

3

0

Gargoyle 6 年前

终于找到了这个。在显示问题的组件中,我将此作为 @Component

viewProviders: [  // This makes the whole child participate in the parent's form validation
    {
        provide: ControlContainer,
        useExisting: NgForm
    }
]