从父组件到子组件的角度传递数组
发布时间:2020-12-17 17:28:53 所属栏目:安全 来源:网络整理
导读:在我们开始之前,我在大约一周前开始学习Angular,不要害怕把它恢复到基础. 你是怎么做到的? 在app.component.ts中,我有一个标准数组,需要多个子组件可访问. @Component({ selector: 'app-root',templateUrl: './app.component.html',styleUrls: ['./app.comp
在我们开始之前,我在大约一周前开始学习Angular,不要害怕把它恢复到基础.
你是怎么做到的? @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> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |