Question

我已经在Formbuilder.Group方法中将属性添加为（ ts代码）：

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代码）：

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 时，出现以下错误：

src \ app \ components \ new \ new.component.html（161,48）中的
ERROR：：类型' NewComponent 中不存在属性' userName ' '。

使用命令 ng build

可以正常使用

Answer 1

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

期望为items属性设置一个数组（在您发布的代码中看不到）。

顺便说一句，您应该将其称为“ userNames”，因为它应该是一个数组。

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

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

1 个答案: