尝试将布尔值从子组件传递到父组件

Question

子组件：

import { Component} from '@angular/core';

@Component({
  selector: 'app-test',
  templateUrl: './app-test.component.html',
  styleUrls: ['./app-test.component.scss']
})
export class TestComponent implements OnInit {

  testBoolean: boolean;

  constructor() { }
}

父组件

.html

<app-test [testBoolean]="testBoolean"></app-test>
<button (click)="onClick()"></button>

.ts

import { Component, Input} from '@angular/core';

@Component({
  selector: 'app-test1',
  templateUrl: 'app-test1.component.html',
  styleUrls: ['app-test1.component.scss']
})
export class TestParentComponent {

  @Input() testBoolean;

  constructor() { }

  onClick() {
    console.log(this.testBoolean);
  }
}

当我运行应用程序时出现以下错误：

无法绑定到“ testBoolean”，因为它不是“ app-test”的已知属性。

1. 如果“ app-test”是Angular组件，并且具有“ testBoolean”输入，则请验证它是否属于此模块。
2. 如果“ app-test”是Web组件，则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”以禁止显示此消息。
3. 要允许任何属性，请在此组件的“ @ NgModule.schemas”中添加“ NO_ERRORS_SCHEMA”。 （“

Answer 1

丹是对的，

import { Component,Input} from '@angular/core';

@Component({
  selector: 'app-test',
  templateUrl: './app-test.component.html',
  styleUrls: ['./app-test.component.scss']
})
export class TestComponent implements OnInit {

  @Input() testBoolean: boolean;

  constructor() { }
}