问题标签 [angular-components]

我是 Angular 的新手，遇到了一个子组件上的构造函数被调用两次的问题，第二次调用它是清除第一次设置的属性。

这是父组件：

并且在模板中引用了子组件：

这是子组件：

最后是子组件模板：

子组件构造函数被调用了两次，第二次调用时 parentItemId 被设置为 null 并且 items 属性被清除。如果我对 parentId 进行硬编码而不是使用输入，则数据将被正确接收并显示在模板中，但使用输入值，模板不会显示任何结果。

我创建了一个在这里显示相同行为的 plunker：http: //embed.plnkr.co/xaJtfNgbWCUPap2RCJUA/

我怎么能限制一个组件在背压上加载。实际上我有三个组件 A（普通组件），B（登录组件）和 C（Otp 验证组件）。我在单击某个按钮时从 A 路由到组件 B，从 B 路由到 C 以验证用户。现在在组件 C 上完成验证后，我想返回组件“A”，并希望从历史记录中删除组件“B”和“C”，以便在浏览器的后按时不会加载“B”（登录组件）又是“C”。那么我怎么能在 angularjs 2 中做到这一点。

当 Angular 组件被销毁时，如何摆脱文档点击监听器？

简化的演示代码：

Javascipt：

小提琴

单击“销毁组件”按钮时，该组件会从 DOM 中删除（使用 ng-if）并触发 $onDestroy。我希望 $onDestroy 取消注册点击事件，但没有任何反应。

参考下面的代码，不管我用<dform [meta]="frmeta"></dform>，否则<dform meta="{{frmeta}}"></dform>我会得到一个错误提示

无法绑定到 'meta'，因为它不是 'dform' 的已知属性。”

在编译打字稿代码时。有人知道我的代码有什么问题吗？

表单组件.ts

DformComponent.html

根组件.ts

根组件.html

我不能使用@Input，因为这两个组件在组件树中相距很远。

使用服务看起来是唯一的选择，但是拥有一个本质上是所有组件 A 属性的副本的服务似乎非常过分。每次我在 A 中设置一个属性时，我还需要在服务中设置它，以便 B 可以访问它。看起来效率不是很高。

难道没有办法在组件B中注入组件A的实例吗？请注意，A 不是 B 的父/子。

干杯!

我有一个内部带有 ui-gid 的组件，我想将数据传递给网格。数据来自对 Web Api 的 $http 调用。数据从服务器到达时不显示 - 组件内的网格​​为空。问题是绑定发生在“早期”，在数据从服务器到达之前。将对象数组绑定到组件的正确方法是什么？

这是我的组件部分：

html:

我也尝试进行双向绑定，但没有运气。它起作用的唯一方法是当我将 ng-if=vm.shops.length>0 放入包装此组件的某个 div 中，但我认为这不是一个好的解决方案。

为了能够设置组件模板的 URL 根目录，iif 级别需要一个可用的配置对象。

到目前为止，我发现这可能的唯一方法是让模块对象添加一些自定义属性 - 但这样做真的很讨厌。

有没有其他更简洁的方法来做到这一点？

我有一个角度分量：

我在 ng-repeat 中引用

一旦指令被调用，漏洞的价值就不会改变，所以我不需要观察那个值，只是在它被设置后引用它。

我确实$scope.$watch在属性上放了一个，只是为了看看它是否有效并且它确实触发了，但我在手表的处理程序中看不到新的或旧的值，所以无论如何它对我没有帮助。

我试过了$scope.vulnerability，$ctrl.vulnerability这就是我在指令模板中引用该属性的方式，但都没有奏效。如何获取传入的绑定值？

添加此手表：

我在控制台中为组件的每个实例得到一个new undefined和，尽管如果我更改为它仍然会为每个组件触发一次日志。old undefined$scope.$watch('vulnerability'$scope.$watch('nonsense')

我已经使用 typescript 创建了 angularjs 1.5 组件，但它不起作用，当我说它不起作用时，它的绑定根本不起作用。当它触发 $onInit 函数时，我可以在控制台中看到数据，但它永远不会将任何数据放在屏幕上。这是我第一次使用打字稿，如果有人能指出我正确的方向，我会非常感激？

我的组件代码如下

我的html是

请在这一点上帮助我。

我有一个使用'& binding'的角度1.5组件：

我想测试是否定义了“onSomething”。

事实上，如果我这样使用它：

一切正常。

但是如果我以这种方式使用它：

'onSomething' 不应该被定义，但我无法检查它！

我试过了：

所有这些测试总是返回“真”，即使回调没有通过。