Angular 5.2：类型组件上不存在错误 属性

Question

我在 Formbuilder.Group 方法中添加了属性作为 (ts code):

this.form = this.fb.group({          
        caseNumber: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(50), Validators.pattern('^[a-zA-Z0-9]*$')]],
        userName: ['', [Validators.required]],

信息接口 ts 文件：

   export interface Information {
    userName : string 
    caseNumber: string
}

我使用补丁值方法将值分配给变量，如 (ts code):

Info: Information;

         this.form.patchValue({
            caseNumber: this.Info.caseNumber,
            userName: this.jsonArrayvalues(this.Info.userName, this.dropdownListForUserName),

我还在 html 文件中使用了这些属性：

 <div class="form-group padding-top-bottom" [ngClass]="{'has-error': (form.get('userName').touched ||
                                              form.get('userName').dirty) &&
                                              !form.get('userName').valid }">
                                <label class="col-md-4" for="firstNameId"><span tooltip={{attributeNames.userNameTitle}} data-placement="right">Vendor Name</span></label>
                                <div class="col-md-7">
                                    <ng-select [items]="userName"
                                               multiple="true"
                                               [addTag]="true"
                                               bindLabel="itemName"
                                               (change)="onItemSelect($event,'user','userName')"
                                               formControlName="userName"
                                               [(ngModel)]="userName">
                                    </ng-select>

但是当我 运行 命令 ng build --prod 我得到以下错误：

ERROR in src\app\components\new\new.component.html(161,48): : Property 'userName' does not exist on type 'NewComponent'.

同样适用于命令 ng build

Answer 1

<ng-select [items]="userName"
...
</ng-select>

需要项目 属性 的数组（我在您发布的代码中没有看到）。

顺便说一下，您应该将其命名为 "userNames"，因为它应该是一个数组。

<ng-select [items]="userNames" //!!! array
...
</ng-select>