Angular 输入时()不工作
我正在重新学习一些角度的东西,因为我不得不暂时离开它,因为其他的奉献Angular 输入时()不工作,angular,Angular,我正在重新学习一些角度的东西,因为我不得不暂时离开它,因为其他的奉献@Input()应该可以正常工作,但由于某些原因它不能正常工作,而且我没有收到任何错误 @Component({ selector: 'app-loader', templateUrl: './loader.component.html', styleUrls: ['./loader.component.scss'] }) export class LoaderComponent implements OnInit
@Input()
应该可以正常工作,但由于某些原因它不能正常工作,而且我没有收到任何错误
@Component({
selector: 'app-loader',
templateUrl: './loader.component.html',
styleUrls: ['./loader.component.scss']
})
export class LoaderComponent implements OnInit {
@Input() isLoadings: boolean;
@Input() parentData = 'Data from parent';
constructor() { }
ngOnInit() { }
}
子组件:
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {
quote: string;
isLoading: boolean;
name: string;
childMessage: string;
html:
为什么不:
[parentData]="childMessage"
子项:装载机组件
@Input() parentData:string;
家长:HomeComponent
childMessage ='Data from parent';
子组件中的@Input
应接收来自父组件的“消息”,而不是相反。
isLoading
有效,因为在这两个位置它都=false
(布尔类型的默认值),而且您在父级和子级上同时命名属性的事实可能会误导您(但您可以保持这种方式)
重构示例:
@Component({
selector: 'app-loader',
templateUrl: './loader.component.html',
styleUrls: ['./loader.component.scss']
})
export class LoaderComponent implements OnInit {
@Input() isLoadings: boolean;
@Input() parentData = '';
constructor() { }
ngOnInit() { }
}
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {
quote: string;
isLoading: boolean;
name: string;
childMessage ='Data from parent';
…谁是家长?我认为你把它们混在一起了,这就破坏了它。孩子是加载组件,家长是家庭组件。你把这个订单放进去了吗?这个问题永远不会结束。我还在学习
childMessage ='Data from parent';
@Component({
selector: 'app-loader',
templateUrl: './loader.component.html',
styleUrls: ['./loader.component.scss']
})
export class LoaderComponent implements OnInit {
@Input() isLoadings: boolean;
@Input() parentData = '';
constructor() { }
ngOnInit() { }
}
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {
quote: string;
isLoading: boolean;
name: string;
childMessage ='Data from parent';