问题标签 [angular-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.

0 投票
14 回答
802235 浏览

angular - 如何在组件模板中选择元素?

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

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

以教程中的示例为例:

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

0 投票
6 回答
168617 浏览

css - Angular 2:如何为组件的宿主元素设置样式?

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

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

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

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

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

谢谢。

0 投票
21 回答
746191 浏览

angular - Angular 2+ 中 ngShow 和 ngHide 的等价物是什么?

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

在 AngularJS 我会写

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

0 投票
20 回答
298089 浏览

css - 如何从父组件的 CSS 文件中设置子组件的样式?

我有一个父组件:

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

父模板:

子模板:

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

在我的父组件中,我尝试做:

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

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

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

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

0 投票
4 回答
22963 浏览

javascript - 在 AngularJS 组件中从父级到子级通信事件

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

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

将事件从孩子通知给父母很容易,您可以在下面的我的 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示例

0 投票
2 回答
4294 浏览

angular - 当模板中有ngIf时如何识别Angular2组件是否已完全加载(包括ViewChilds)

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

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

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

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

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

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

0 投票
3 回答
13520 浏览

angularjs - 有没有办法为 Angular 1.5 组件动态渲染不同的模板

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

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

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

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

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

这可能吗?

谢谢

0 投票
1 回答
350 浏览

angularjs - 角度组件“绑定”参数有什么问题?

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

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

在此处输入图像描述

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

这是什么意思 ??

谢谢。

0 投票
0 回答
105 浏览

angularjs - Angular JS - 自定义过滤器 - 竞争条件错误

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

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

这是我的代码:

模板 HTML

模块创建:

控制器(组件定义)

0 投票
3 回答
934 浏览

javascript - 使用包含多个绑定的组件配置 ui-router

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

考虑两个简单的组件:

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

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

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

这是一个plnkr