javascript - @Input 和 @Output 在 Angular-Cli 中始终未定义

Question

个人内部的任何值都可以毫无问题地打印出来，但不会显示使用@Input 或@Output 获得的任何值。

子组件.ts

@Component({
  selector: 'app-form-input',
  templateUrl: './form-input.component.html',
  styleUrls: ['./form-input.component.scss']
})

export class FormInputComponent implements OnInit {
    @Input() fieldType: string;
    //with another Input and 1 Output DOM

 constructor(
    ) {
    }

    ngOnInit() {
        console.log(this.fieldType);
    }
}

parent.component.html

<app-form-input (value)="action($event)"
    [fieldType]="date"
    [maxAllowItem]="1">
</app-form-input>

语法上有什么问题吗？在所有情况下，日志始终显示“未定义”。

谢谢

Answer 1

我认为这是在尝试引入在您的组件中定义的变量。

尝试以下语法，再次包装字符串，这应该确保您传递的是字符串而不是来自组件的变量，然后输入将知道需要一个字符串。

[fieldType]="'date'"

这是将字符串包装在 " 和 ' 中。