问题标签 [angular-components]

有人知道如何获取组件模板中定义的元素吗？$Polymer 使用和使其变得非常容易$$。

我只是想知道如何在 Angular 中进行操作。

以教程中的示例为例：

如何从类定义中捕获或获取por元素的引用？input

我在 Angular 2 中有一个名为 my-comp 的组件：

如何在 Angular 2 中设置该组件的宿主元素的样式？

在 Polymer 中，您将使用 ":host" 选择器。我在 Angular 2 中尝试过。但它不起作用。

我还尝试使用该组件作为选择器：

这两种方法似乎都不起作用。

谢谢。

我有一些我希望在特定条件下可见的元素。

在 AngularJS 我会写

我怎样才能在 Angular 2+ 中做到这一点？

我有一个父组件：

我想用子组件填充这个组：

父模板：

子模板：

由于parent和child是两个独立的组件，因此它们的样式被锁定在自己的范围内。

在我的父组件中，我尝试做：

但是.child样式并没有应用于child组件。

我尝试使用styleUrls将parent's 样式表包含到child组件中来解决范围问题：

但这并没有帮助，还尝试通过将child样式表获取到其他方式，parent但这也无济于事。

那么如何设置包含在父组件中的子组件的样式呢？

在我正在处理的新项目中，我已经开始使用组件而不是指令。

但是，我遇到了一个问题，我找不到具体的标准方法来做到这一点。

将事件从孩子通知给父母很容易，您可以在下面的我的 plunkr 上找到它，但是将事件从父母通知给孩子的正确方法是什么？

Angular2 似乎通过使用这样的东西来解决这个问题：https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-to-child-local-var 但我没有tink 可以定义一个指向子组件的“指针”，就像示例中使用#timer 所做的那样

为了保持可能轻松转换为 Angular2，我想避免：

• 事件发射（从范围发射和广播）
• 使用来自孩子的要求（然后向父母添加回调..UGLY）
• 使用单向绑定，将作用域注入子级，然后“监视”此属性.. 更丑陋

示例代码：

你可以在这里找到一个例子：

http://plnkr.co/edit/SCK8XlYoYCRceCP7q2Rn?p=preview

这是我创建的一个可能的解决方案

http://plnkr.co/edit/OfANmt4zLyPG2SZyVNLr?p=preview

孩子需要父母的地方，然后孩子设置了对孩子的父母引用......现在父母可以使用孩子......丑陋但就像上面的angular2示例

当模板中有 ngIf 有条件地加载子组件时，是否可以识别 Angular2 组件（此处为 AppComponent）是否已完全加载（包括 ViewChilds ）。

参考：Angular 2 @ViewChild 注解返回 undefined 这个例子取自上面的参考。感谢肯尼卡斯韦尔

由于 ngIf 条件，在加载子组件之前会触发 ngOnInit && ngAfterViewInit

我需要确定 SlideshowComponent 和 ControlsComponent 何时加载并基于此执行操作。

我有一个 hacky 解决方案，当有多个 ViewChilds（它们的类型不同）时不适合 - 使用事件发射器来通知孩子何时加载。

我发布这个问题是因为经过数小时的研究没有适当的解决方案。

我有许多 Angular 1.5 组件，它们都采用相同的属性和数据结构。我认为它们可以重新分解为单个组件，但我需要一种方法来根据type属性的插值动态选择模板。

我不能使用 ，templateUrl function($element, $attrs) {}因为 中的值是未插值的，$attrs所以我不会得到传入数据中指定的类型。

我可以只拥有一个带有一系列ng-if或ng-switch指令的大模板，但我想将模板分开。

或者，我可以将组件分开并ng-switch在父组件中使用 etc，但我不喜欢这样，因为它看起来有很多重复。

我正在寻找一种解决方案，我可以使用type传入绑定的插值来匹配每种类型的模板 url，然后将其用于构建组件。

这可能吗？

谢谢

我有一个要包含在页面中的角度组件。如果我在此组件中注释/删除绑定参数，一切正常...为什么？

如果我想使用绑定参数，我会得到一个错误：

链接到：https://docs.angularjs.org/error/ $compile/iscp?p0=detailsComponent1&p1=value&p2=Component1&p3=controller%20bindings%20definition

这是什么意思 ？？

谢谢。

那么我的问题很简单，是一个竞争条件错误，当过滤器尝试使用它时没有创建我的数组，但是当页面完成加载所有它工作正常时，在页面完全加载之前我在控制台中有几个错误像这样：

我的另一个问题是，为什么这个错误出现 13 次？我自己无法回应。

这是我的代码：

模板 HTML

模块创建：

控制器（组件定义）

我正在尝试找到一个更好的解决方案来ui-router与angular components.

考虑两个简单的组件：

现在，我正在使用template属性指定组件及其参数：

虽然这工作正常，但我的组件有十个绑定，这使得配置非常ui-router 尴尬。

我尝试使用该component属性，但这对我根本不起作用。我发现的唯一其他解决方案是使用require属性指定父级并省略绑定 - 但这对我来说感觉不合适......有没有更好的方法来做到这一点？

这是一个plnkr。