时间戳

首页 > 解决方案 > 为什么我不能在角度组件属性中传递箭头函数

angular - 为什么我不能在角度组件属性中传递箭头函数

问题描述

其他组件模板：

<app-search-bar [onSearch]="content => onSearch(content)"></app-search-bar>

错误：解析器错误：绑定不能包含 [content => onSearch(content)] 中第 10 列的赋值

应用搜索栏.component.ts：

...
export class SearchBarComponent implements OnInit {
  searchText = '';
  @Input() onSearch: (content: string) => void;
  constructor() { }

  ngOnInit(): void {

  }

}

我是angular的新手，不知道原因，这是不正确的，以至于IDE无法知道组件传递的属性。和reactjs的编程模型相比，这个很不友好

标签： angular

解决方案

模板解析器允许基本的 JavaScript 语法——它仍然可以用来构建复杂的语句，但建议保持基本的

如果您需要引用更复杂的语法（如箭头函数），只需将其分配给组件上的属性并在模板中引用该属性即可

https://angular.io/guide/template-syntax

推荐阅读