Angular-未传递到模态视图的值

Question

我正试图将值传递给模态组件，我遵循了本教程：https://itnext.io/creating-forms-inside-modals-with-ng-bootstrap-221e4f1f5648.

我可以看到值被传递，但在另一边没有被保留。有什么想法吗？

// Component being sent from 
openModal(millerIndex: number, farmIndex: number, view: number, millerName: string) {
const modalRef = this.modalService.open(ModalComponent);
modalRef.componentInstance.millerIndex = millerIndex;
modalRef.componentInstance.farmIndex = farmIndex;
modalRef.componentInstance.view = view;
modalRef.componentInstance.millerName = millerName;
modalRef.result.then((result) => {
console.log(result);
}).catch((error) => {
console.log(error);
});
}
// Modal component with relevant imports
@Input() millerIndex: number;
@Input() farmIndex: number;
@Input() view: number;
@Input() millerName: string;
@Input() farmName: string;
modalTitle = '';
// Being called OnInit()
createForm() {
if (this.view === 1) {
this.myForm = this.formBuilder.group({
paddockCode: new FormControl('', Validators.required),
paddockArea: new FormControl('', Validators.required),
paddockOwner: new FormControl({value: this.farmName, disabled: 
true}, Validators.required)
});
}
// HTML inside form
<div class="form-group">
<label for="paddock-owner">Owner</label>
<input type="text" class="form-control" 
formControlName="paddockOwner" value="{{ farmName }}" />
</div>

Answer 1

正如Dale上面提到的，我没有通过farmName。

openModal(millerIndex: number, farmIndex: number, view: number,
millerName: string, farmName: string) {
const modalRef = this.modalService.open(ModalComponent);
modalRef.componentInstance.millerIndex = millerIndex;
modalRef.componentInstance.farmIndex = farmIndex;
modalRef.componentInstance.view = view;
modalRef.componentInstance.millerName = millerName;
modalRef.componentInstance.farmName = farmName;
modalRef.result.then((result) => {
console.log(result);
}).catch((error) => {
console.log(error);
});
}