问题标签 [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.
angular - 旋转木马下一张幻灯片的 Angular2 href 问题
我有一个自定义modal component
,负责显示包含轮播的叠加层(模态弹出窗口)。
问题:正如您在下面的代码中看到的,外部 div 包含(click)
关闭覆盖 ( I dont have Header part in overlay
) 的事件。
所以当我点击时a tag
,它也会隐藏覆盖。如果我删除点击事件,轮播就可以正常工作。
为了解决这个问题,我附上(click)="stoppropogation($event);false"
了a tag
停止事件传播。现在单击a tag
不会隐藏叠加层,但它甚至不会显示下一张图片。
这是我的代码,
有什么简单的解决办法吗?
angular - 将复杂属性与自定义组件一起使用?
如果我将复杂输入(prop.childprop)作为字符串传递,则会出现错误“无法读取未定义的属性'property'”
如下创建组件时出现错误“无法读取未定义的属性'property'”
使用Component()创建组件
angular - 使用自定义标签定义复杂属性?
这是否可以通过自定义元素传递复杂属性,如下所示。
自定义组件.ts
app.component.html
app.component.ts
而不是像上面那样使用可以像下面那样使用
自定义组件.ts
app.component.html
app.component.ts
angular - 如何在 ng2-tag-input 中使用自定义样式组件作为标签背景颜色?
如何在 ng2-tag-input 插件中为标签添加背景颜色,我搜索了它,他们说我们需要使用自定义组件的样式,我添加但找不到触发器,我正在使用这个https://github .com/Gbuomprisco/ng2-tag-input website.谁能帮帮我?
video.component.ts 文件
app.module.ts 文件
angular - 为什么单击功能会在 Angular 2 中为自定义组件触发两次
我的自定义组件click
功能被触发了两次 - 自定义组件的事件和样本级别事件都被触发。
这是我的 Plunker:
angular - 静态解析符号值时遇到错误。调用函数“CreateCustomComponent”,不支持函数调用
创建自定义组件时出现以下错误。
静态解析符号值时遇到错误。调用函数“CreateCustomComponent”,不支持函数调用。考虑将函数或 lambda 替换为对导出函数的引用,解析符号 cus_input
我的文件如下。有人请在我的代码下面给我一个答案吗?
在“app.modeule.ts”中导入如下
这里为什么 m 动态创建组件意味着我有一组 jquery 插件用于 m 动态创建组件并在 jquery 插件中使用这些组件输入和输出。
angular - Angular2:如何以特定顺序调用@Input setter?
我正在创建一个组件。因为我喜欢 Apache Wicket 的做事方式,所以我试图模仿IModel
传递数据的方式。为此,我向子组件传递了一个模型和回调,它们可以提取相关值,而不是调用一个函数来预先获取数据。
问题是,处理新设置的模型使用回调。因此,如果在设置回调之前调用模型设置器,Angular 就会崩溃。
解决方法:推迟需要回调的操作ngAfterViewInit()
等。
简而言之:
- 如何控制 @Inputs 的设置顺序?
- 我可以依赖源代码中的顺序吗?
示例:(在这里更改顺序似乎可以完成工作)
使用该子组件的模板:(在此处更改顺序不会更改顺序)
正如我上面提到的,Angular2 似乎遵循@Input
类成员的顺序并按该顺序设置/调用它们。问题是,这是事实上的还是法律上的?我不想仅仅因为它目前是这样编码的,就依赖那些可以工作的功能。我对 JavaScript 反射知之甚少,所以我不知道这是否适用于任何地方。
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 的模块中。作品!
angular2-forms - Angular 2 自定义表单组件:提供 markTouched 方法
我有一个实现 ControlValueAccessor 的自定义表单组件。这个组件有一个内部属性被触及。
我需要实现一个类似的方法
当在 formControl 中执行 markAsTouched 时,组件的用户可以调用它:customInputControl.markAsTouched()
我找不到这样做的角度方式。
@Edit:试图注入 NgControl:
Cannot instantiate cyclic dependency! NgControl
但是当使用 formControl 调用组件时,我得到了。
angular - 以角度获取自定义组件参考?
我有如下自定义组件。我想获取我们在 html 文件中使用的组件的 ID。
在 html 中,我将定义如下