Angular 5 数据在components之间传递(上) 父组建--->子组建

父组件:app.html

Angular 5 数据在components之间传递(上) 父组建--->子组建_第1张图片

父组件:app.ts


Angular 5 数据在components之间传递(上) 父组建--->子组建_第2张图片

子组件:server-element.html


Angular 5 数据在components之间传递(上) 父组建--->子组建_第3张图片

子组件:server-element.ts


Angular 5 数据在components之间传递(上) 父组建--->子组建_第4张图片

总结:

在子组件的html中访问父组件的serverElements 属性

1,在app.html中连结父子组建:

2,父组件中存在serverElements, [element]是属于子组件server-element的property,要把[element]和serverelement联系起来


Angular 5 数据在components之间传递(上) 父组建--->子组建_第5张图片

首先,在子组件server-element中设计element property,然后再elemnt 这个proterty前加@Input()注释(需要引入Input模块)


3,在子组件server-element中就可以访问从父组件通过传过来的数据了

你可能感兴趣的:(Angular 5 数据在components之间传递(上) 父组建--->子组建)