问题标签 [angular2-custom-component]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
408 浏览

angular - 旋转木马下一张幻灯片的 Angular2 href 问题

我有一个自定义modal component,负责显示包含轮播的叠加层(模态弹出窗口)。

问题:正如您在下面的代码中看到的,外部 div 包含(click)关闭覆盖 ( I dont have Header part in overlay) 的事件。

所以当我点击时a tag,它也会隐藏覆盖。如果我删除点击事件,轮播就可以正常工作。

为了解决这个问题,我附上(click)="stoppropogation($event);false"a tag停止事件传播。现在单击a tag不会隐藏叠加层,但它甚至不会显示下一张图片。

这是我的代码,

有什么简单的解决办法吗?

0 投票
0 回答
54 浏览

angular - 将复杂属性与自定义组件一起使用?

如果我将复杂输入(prop.childprop)作为字符串传递,则会出现错误“无法读取未定义的属性'property'”

如下创建组件时出现错误“无法读取未定义的属性'property'”

使用Component()创建组件

0 投票
0 回答
36 浏览

angular - 使用自定义标签定义复杂属性?

这是否可以通过自定义元素传递复杂属性,如下所示。

自定义组件.ts

app.component.html

app.component.ts

而不是像上面那样使用可以像下面那样使用

自定义组件.ts

app.component.html

app.component.ts

0 投票
1 回答
1074 浏览

angular - 如何在 ng2-tag-input 中使用自定义样式组件作为标签背景颜色?

如何在 ng2-tag-input 插件中为标签添加背景颜色,我搜索了它,他们说我们需要使用自定义组件的样式,我添加但找不到触发器,我正在使用这个https://github .com/Gbuomprisco/ng2-tag-input website.谁能帮帮我?

video.component.ts 文件

app.module.ts 文件

0 投票
4 回答
15214 浏览

angular - 为什么单击功能会在 Angular 2 中为自定义组件触发两次

我的自定义组件click功能被触发了两次 - 自定义组件的事件和样本级别事件都被触发。

这是我的 Plunker:

https://plnkr.co/edit/wp2iWh7OStdPm5uXsWbP?p=preview

0 投票
1 回答
2191 浏览

angular - 静态解析符号值时遇到错误。调用函数“CreateCustomComponent”,不支持函数调用

创建自定义组件时出现以下错误。

静态解析符号值时遇到错误。调用函数“CreateCustomComponent”,不支持函数调用。考虑将函数或 lambda 替换为对导出函数的引用,解析符号 cus_input

我的文件如下。有人请在我的代码下面给我一个答案吗?

在“app.modeule.ts”中导入如下

这里为什么 m 动态创建组件意味着我有一组 jquery 插件用于 m 动态创建组件并在 jquery 插件中使用这些组件输入和输出。

0 投票
1 回答
7148 浏览

angular - Angular2:如何以特定顺序调用@Input setter?

我正在创建一个组件。因为我喜欢 Apache Wicket 的做事方式,所以我试图模仿IModel传递数据的方式。为此,我向子组件传递了一个模型和回调,它们可以提取相关值,而不是调用一个函数来预先获取数据。

问题是,处理新设置的模型使用回调。因此,如果在设置回调之前调用模型设置器,Angular 就会崩溃。
解决方法:推迟需要回调的操作ngAfterViewInit()等。

简而言之:

  • 如何控制 @Inputs 的设置顺序?
  • 我可以依赖源代码中的顺序吗?

示例:(在这里更改顺序似乎可以完成工作)

使用该子组件的模板:(在此处更改顺序不会更改顺序)

正如我上面提到的,Angular2 似乎遵循@Input类成员的顺序并按该顺序设置/调用它们。问题是,这是事实上的还是法律上的?我不想仅仅因为它目前是这样编码的,就依赖那些可以工作的功能。我对 JavaScript 反射知之甚少,所以我不知道这是否适用于任何地方。

0 投票
2 回答
2453 浏览

angular - 角不适用于延迟加载的模块

我创建了一个在 app.component 上运行良好的自定义组件,但是当<custom-component>在延迟加载模块中使用它时会出现错误:

我正在使用 Angular 4.0.0 / CLI

代码:

app.module.ts

...

loader.component.ts

应用程序路由.module.ts

app.component.html

和lazy.component.html

有任何想法吗?

* 更新 *

我创建了一个声明 LoaderComponent 的 SharedModule。SharedModule 被导入到每个需要 LoaderComponent 的模块中。作品!

0 投票
3 回答
1166 浏览

angular2-forms - Angular 2 自定义表单组件:提供 markTouched 方法

我有一个实现 ControlValueAccessor 的自定义表单组件。这个组件有一个内部属性被触及。

我需要实现一个类似的方法

当在 formControl 中执行 markAsTouched 时,组件的用户可以调用它:customInputControl.markAsTouched()

我找不到这样做的角度方式。

@Edit:试图注入 NgControl:

Cannot instantiate cyclic dependency! NgControl但是当使用 formControl 调用组件时,我得到了。

0 投票
1 回答
333 浏览

angular - 以角度获取自定义组件参考?

我有如下自定义组件。我想获取我们在 html 文件中使用的组件的 ID。

在 html 中,我将定义如下