Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 输入时()不工作_Angular - Fatal编程技术网

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';