大佬教程收集整理的这篇文章主要介绍了从父组件到子组件的角度传递数组,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
你是怎么做到的?
在app.component.ts中,我有一个标准数组,需要多个子组件可访问.
@Component({ selector: 'app-root',templateUrl: './app.component.html',styleUrls: ['./app.component.css'] }) export class AppComponent { masterArray = ['Create','Foo','Bar']; }
如何将其拉入由角度cli生成的子组件中.
例如,我需要在导航组件中使用它来生成导航面板.
<li *ngFor = "let i of masterArray; let ind = index"> <a>{{i}}</a> </li>
@Component({ selector: 'app-navigation',templateUrl: './navi.component.html',styleUrls: ['./navi.component.css'] }) export class NavigationComponent { @input() masterArray : string[]; }
并将数组传递给父组件html中的子组件.
<app-navigation [masterArray]="masterArray"></app-navigation>
以上是大佬教程为你收集整理的从父组件到子组件的角度传递数组全部内容,希望文章能够帮你解决从父组件到子组件的角度传递数组所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。