问题标签 [angular2-custom-component]

在我的 Ionic 3 项目中，我创建了自定义组件 my-component。现在我们知道使用 angular @Input 我们可以将数据传递给这个组件。我有 2 个输入作为

我将此组件用作

两者都dataFinder具有aList价值，但myFinder价值始终是正确填充的undefined地方。myList

这是使用多个输入的任何限制吗？

我正在创建一个自定义列表组件，并在我的 Angular 项目中进行搜索。该组件将 itemList 作为输入并根据相同的内容列出项目。我想在这个组件中插入一个搜索栏，以便用户可以从列表中搜索项目。

正如 Moshe Quantz 提到的，我创建了一个管道用于搜索。这不适用于我创建的组件。请在此处找到stackblitz代码片段。

我正在尝试在 Angular ngClass 中绑定一个类名，以便用户能够将他喜欢的任何类名设置为元素。

我的 js 文件中有以下内容，如果设置了 this.customClass，我想将这个类名分配给 div 元素。

HTML

我正在尝试使用 Reative Form 创建自定义输入组件，Angular 7但我无法将事件传递给输入字段。

Mycomponent有一个标签和一个输入字段以及一个特定的布局。我的component html样子是这样的：

在我的Component：

一切正常，直到我不得不处理一个输入onBlur事件（或者它可以是任何其他输入事件）。我想要的结果是调用我component传递这样的任何事件：

或者

我component将能够“动态地”将这些事件传递给我的输入字段。有可能做到吗？

我尝试按照教程在 Angular 中生成我自己的第一个自定义组件/Web 组件：https ://indepth.dev/posts/1116/angular-web-components-a-complete-guide 它是从 2020 年开始的，所以它应该相对起来迄今为止。我也尝试过其他的 tuts，但总是一样，scripts.js 和 styles.js文件应该在之后放出来ng build...，但是它们丢失了。我什至在另一台笔记本电脑上尝试过。

完成教程中的所有步骤后，我得到以下文件作为输出：

根据教程，我应该得到以下文件：

所以我缺少scripts.js，而我的styles.js 实际上是一个以.css 结尾的styles.css文件。

我仍然尝试在 index.html 文件中使用它：

但是在浏览器中打开时页面是空白的，并且没有任何内容记录到控制台。

我正在使用以下版本：

编辑： 我能够在没有 scripts.js 和 styles.js 文件的情况下使其工作。我发现的唯一方法是将 index.html 中生成文件的路径替换为绝对路径：

结果：

但是我不能使用绝对路径，如何让它与相对路径一起使用？