Angular 角度10模态数据绑定引导

Angular 角度10模态数据绑定引导,angular,bootstrap-modal,two-way-binding,Angular,Bootstrap Modal,Two Way Binding,我有一个理解的问题,也许有人能帮助我。Angular总是说,@Input()可以深入嵌套组件的深度,然后通过@Output()事件返回。我觉得这是一个很好的概念。那么,为什么在我的案例中存在双向绑定呢 谢谢你的帮助 app.component.ts: @组件({ 选择器:'应用程序根', templateUrl:“./app.component.html”, 样式URL:\['./app.component.scss'\] }) 导出类AppComponent{ 公共组:组={ id:1, 名称

我有一个理解的问题,也许有人能帮助我。Angular总是说,
@Input()
可以深入嵌套组件的深度,然后通过
@Output()
事件返回。我觉得这是一个很好的概念。那么,为什么在我的案例中存在双向绑定呢

谢谢你的帮助

app.component.ts

@组件({
选择器:'应用程序根',
templateUrl:“./app.component.html”,
样式URL:\['./app.component.scss'\]
})
导出类AppComponent{
公共组:组={
id:1,
名称:“Gruppe A”,
成员:[
{
id:1,
名字:“名字A”,
lastName:'lastName A'
},
{
id:2,
名字:“名字B”,
姓氏:“姓氏B”
}
]
};
构造函数(私有ngbModal:ngbModal){}
公共OpenModel():void{
const testModal=this.ngbModal.open(TestModalComponent);
testModal.componentInstance.group=this.group;
testModal.result.then((组)=>{
this.group=组;
}).catch(()=>{});
}
}
`测试模态.component.ts`:
```打字稿
@组成部分({
选择器:“应用程序测试模式”,
templateUrl:'./test modal.component.html',
样式URL:['./test-modal.component.scss']
})
导出类TestModalComponent实现OnInit{
@Input()组:组;
构造函数(公共ngbActiveModal:ngbActiveModal){}
公共储蓄{
this.ngbActiveModal.close(this.group);
}
public ngOnInit():void{}
public updateMember(成员:成员):void{}
}
entry.component.ts

@Input()成员:成员;
@Output()updateMember:EventEmitter=neweventEmitter();
public memberForm=new FormGroup({
firstName:newformcontrol(null),
lastName:newformcontrol(null)
});
构造函数(){}
public ngOnInit():void{
此参数为.memberForm.patchValue({
lastName:this.member.lastName,
名字:this.member.firstName
});
}
public saveMember():void{
this.member.lastName=this.memberForm.getRawValue().lastName;
this.member.firstName=this.memberForm.getRawValue().firstName;
}
entry.component.html


如果您指的是entry.component.ts成员和成员更新,您可以这样做

@Input() member: Member;

@Output() memberChange: EventEmitter<Member> = new EventEmitter<Member>();
@Input()成员:成员;
@Output()memberChange:EventEmitter=新的EventEmitter();
用法示例

<app-entry [(member)]="member"></app-entry>

在这种情况下,您可以只使用
[(member)]=“member”


请注意:要使用香蕉盒(
[()]
),您需要具有input
@input()属性和output
@output()属性change=new EventEmitter()方法。

您好,非常感谢您的回答。我的意思是它是双向绑定,尽管我没有输出事件,也没有香蕉盒,这就是问题所在。我希望@Input()仅在@Output()事件被触发时不会自动将值播放到父组件中。很抱歉,我没有获得此部分
我希望@Input()仅在@Output()事件被触发时不会自动将值播放到父组件中