Question

在child.ts上，我有一个onButtonClicked函数，它将revertDisabled从true修改为false。

存在一个问题，即使用户已在child.ts上执行onButtonClicked（）函数（将revertDisabled值从true更改为false）后，parent.html上的模板引用变量仍仍为true。 >

我尝试通过在parent.ts处添加@input来解决此问题，但仍然无法访问更改后的revertDisabled值。

parent.html

CREATE TABLE "profiles" ( "profile_id" INTEGER, "city" TEXT VARCHAR(255), "country" TEXT VARCHAR(255), "interest" TEXT VARCHAR(255), "bio" TEXT VARCHAR(255), "picture" BLOB )

child.ts（interface-settings.ts）

$ export EDITOR=vim
$ set -o vi
$ aaa bbb ccc ## then, type [ESC] and [v], it'll go to vim buffer.

Answer 1

是的，父母不会以这种方式获取值。通过模板变量，您可以执行如下所述的孩子的方法： https://angular.io/guide/component-interaction#parent-interacts-with-child-via-local-variable

但是该指南还明确指出：

父组件无法将数据绑定到子组件的开始和停止位置方法或“ seconds”属性。

您可以使用@Output和此处描述的模式来完成所需的工作：https://angular.io/guide/component-interaction#parent-listens-for-child-event

基本上：

Android Auto

然后：

 //child.ts (interface-settings.ts)

 @Output() revertDisabled = new EventEmitter<boolean>();

 onButtonClicked() {
    this.revertDisabled.emit(false);
 }

无法访问模板引用变量

1 个答案: