问题标签 [angular2-components]
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.
unit-testing - Angular2组件：测试表单输入值变化
我有一个文本输入，我正在听变化。
我的组件.ts
我的组件.html
运行应用程序一切正常，但我想对其进行单元测试。
所以这就是我尝试过的
mycomponent.spec.ts
测试失败，因为.search()没有调用该方法。
我想我必须以value另一种方式设置测试以实现更改，但我真的不知道如何。
有人有想法吗？
angularjs - Angular RC 2 - 从 json 文件动态渲染组件
DynamicComponentLoader 已被弃用。我正在尝试构建一个父组件，它根据一组子组件在父组件内呈现子组件，这意味着每个用户都有一个设置文件，其中包含需要在父组件中的子组件。现在父母看起来像这样：
现在，在 ParentComponent 构造函数中调用服务似乎会导致一些问题。但是在我对 componentResolver 进行循环之前，我能够在父节点下方附加一个组件，但不能在其中附加一个组件。
有谁知道构建动态父组件的更好方法？这是为了管理布局的仪表板类型。大多数示例都明确说明将加载多少组件。这对我不起作用。我已经看过一些关于如何完成这项工作的帖子，但到目前为止，我还没有看到任何在 RC 上运行带有配置文件的东西。
这最接近我想要做的事情：http ://plnkr.co/edit/jAmMZKz2VqponmFtPpes?p=preview 但它使用 dcl ...
目前，我在启动应用程序时遇到了一个我没有发现的错误：TypeError: Cannot read property 'query' of null
谢谢您的帮助！
如果您想下载并尝试一下，请点击以下链接：
https://github.com/weswhite/ng2-layout
编辑/更新：这可能与孩子们有关：我注射的任何东西。我不认为我这样做是正确的，仍然弄清楚那一点......
javascript - Angular2访问父组件的@input值
我正在尝试使用 ComponentResolver 和 ViewContainerRef 服务动态加载组件。
子组件加载正常并呈现模板。但是我想访问子组件内的父级（“字段”和“值”）的输入。
任何帮助将非常感激。
父组件：
子组件：
arrays - 首先了解结果 Angular2 ngFor
我有一个具有多个结果的多维数组：
我想了解当一本书只有一章（如“丛林书”）或多章为“姓名书”时，如何创建 *ngIf。
谢谢你的帮助
angular - Angular2 Count 数组内的项目显示信息
再次，我有以下组件 MyStoreComponent
现在我正在计算每个分支内的人数。例如 456392 有两个经理或 456393 只有一个
我试过自己
但是我在某些时候输了，有什么帮助吗？请？
angular - 在 Angular 2 中测试 ngOnChanges 生命周期钩子
给定以下代码，我尝试测试ngOnChangesAngular2 的生命周期钩子：
不幸的是，测试失败并显示消息Expected spy ngOnChanges to have been called.我知道我可以在此示例中检查 HTML 元素的内容，但我有一些代码需要在 ngOnChanes 生命周期挂钩内进行测试，所以这不是我的解决方案。我也不想testComponent.ngOnChanges({someMockData});直接调用测试。
如何TestComponent.value从测试中设置它以便ngOnChanges调用？
angularjs - 使用 ngSwitch 在 Angular 2 中的组件之间切换？
我刚刚开始尝试使用 Angular 2 并遇到了这个问题：
假设我创建了一个顶部有菜单栏的 Web 应用程序。每个菜单项应加载不同的组件。
这样做的“正确”方式是什么？到目前为止，我的想法是为此使用 ngSwitch。
模板：
只需根据项目更改“价值”。这是一个好的解决方案，还是我错过了一个更好的解决方案？
typescript - 使用 ngOnInit() 代替构造函数；@Input() 未定义
首先，如果这是一个糟糕的设计，我很乐意改变。
在我的index.html我，在身体里，有：
month.component.ts然后是：
...并且ngOnInit()被正确调用。但是在打电话时（或者也许曾经，但我不知道如何确定）两者year和monthOfYearare undefined。
如何确保在 at 传递值ngOnInit()，或者是否有更好的模式来实现这一点？
angularjs - Angular 组件和可注入模板
我所在的团队最近从 angular 1.2 升级到 1.3，我们正在添加Todd Moto 的组件 polyfill以帮助我们最终迁移到 angular 2。在查看 1.x 中 component() 的文档时，我看到他们有一个可注入模板的功能，但我无法在 2.x 文档中找到此功能的等价物。
对于我们产品的某些部分，模板注入似乎很诱人，但是应该在 1.x 中避免这种情况，因为在 2.x 中没有等效项（我出于安全原因假设）或者 Angular2 是否有另一种推荐的方法/替代方法这个？
angular - 如何在子组件中触发点击事件？
我想为单击的每个元素运行一个函数。这是目前的情况：
子组件如下所示：
每次单击 时tr，我都希望在单击toggleActive的子组件中触发 -function。目前它在父组件中触发。我怎样才能按照我想要的方式完成这项工作？