问题标签 [angular2-decorators]

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 投票
3 回答
14639 浏览

angular - 从 Angular 2 组件中访问“选择器”

我试图弄清楚如何访问selector我们传递给 @Component装饰器的内容。

例如

最终,我想使用它来创建一个自动添加属性的指令,data-tag-name="{this.component.selector}"以便我可以使用 Selenium 查询通过它们的选择器可靠地找到我的角度元素。

我没有使用量角器

0 投票
1 回答
1600 浏览

angular - Angular 2 - 获取指令或组件中的所有@input()

有没有办法使用@InputAngular 2 中的装饰器获取所有组件或指令属性?

0 投票
2 回答
9285 浏览

angular - Angular 2 块范围的变量问题

我目前正在使用 TypeScript 运行 Angular 2 演示。有两个文件:作为模板导入的 index.html 文件和 TypeScript 文件。TypeScript 文件编译为pomodoro-timer.js,对于这个演示,所有的类都包含在一个文件中:

番茄定时器.ts

索引.html

一切似乎都工作正常,但是,pomodoro-timer.ts文件的这一部分似乎抛出了一个错误:

任何熟悉 TypeScript 的人都知道我为什么会收到这些错误?我正在使用带有 TypeScript 插件的 Atom IDE。

0 投票
2 回答
450 浏览

angular - 最好在哪里注册 Angular 2 提供程序

我为 Angular 2 应用程序编写了三个服务,配置将两个注入到第三个并在那里使用。导入这两个(所有三个都用 装饰@Injectable())后,我仍然收到一个未知的提供程序错误。

为了解决这个问题,我尝试将注入的服务放入模块提供程序数组中,这很有效。这是最好的方法吗?

Angular 文档显示了在组件级别列出可注入的内容。我可以将所有可注射剂放入模块提供程序数组中吗?

似乎这将简化应用程序设置,因为所有内容都配置在每个模块的中心位置。无需逐个组件搜索依赖项。

0 投票
1 回答
16077 浏览

angular - @Component 装饰器到底做了什么?

官方文档中我们知道

组件装饰器允许你将一个类标记为一个 Angular 组件,并提供额外的元数据来确定组件在运行时应该如何处理、实例化和使用。

但我想更深入地了解Component 装饰器除了提供额外的元数据之外真正做了什么。

我深入研究了源代码,发现所有装饰器都是在makeDecorator函数的帮助下创建的。在这里我迷路了。例如 Component 和 ngModule 装饰器的区别在哪里?他们在做同样的事情吗?不要这么想。

就像一个答案一样,逐步描述我应该做什么来重新创建没有 makeDecorator 函数的组件装饰器会很棒。

UPD:而且,是的,当然,我知道 TypeScript 装饰器是如何工作的。

0 投票
0 回答
1168 浏览

angular - Dynamic variable inside angular @Component decorator

I would like to pass dynamic variable to angular @Component class decorator.

As you can see from example there is a list of items. I would like each item to be initially rotated with different degree -${DYNAMIC_DEGREE_VAR}.

If I set transform to random value directly: rotate(${Math.floor(Math.random() * 15 + 1)}deg) - each item will have same random value.

Any tips appreciated.

0 投票
0 回答
171 浏览

angular - 覆盖组件中的 QueryList

我有基本组件和基本指令:

现在我想创建具有相同功能的扩展 DatatableComponent

我的问题是为什么这不起作用?

但这有效。如何从基类覆盖 QueryList?

0 投票
1 回答
8957 浏览

angular - TypeScript 中的 @ 符号是什么?

为什么在组件或指令中元数据或装饰器有@符号(例如@Component@Directive)?

它的目的是什么,我应该什么时候使用它?

0 投票
2 回答
1822 浏览

angular - @ContentChildren 返回空列表,如果内容通过 2 个组件

我有下一个结构:

子组件模板(最简单的):

父组件模板:

正如你所看到的,我们在中间还有一个中间组件模板:

我正在使用下一种方式:

问题:我无法在中间组件中获取子组件的 ContentChildren?

angular2应该支持吗?如果不是,那为什么?

Plnkr 演示- 在控制台中查看输出

0 投票
0 回答
183 浏览

angular - 装饰器 es6 angular2 ionic2 typescript 出错

我有一个 ionic2 的错误。

上下文:

我用ionic start myProject --v2. 我在 about.ts 中导入了我的实体 {User},并在代码中创建了一个新的 User()。

但用户使用装饰器“@myDeco”。

编译不会发送错误,但 ionic 会:

无法解析 的所有参数'Parser'(?)。确保所有参数都用 Inject 修饰或具有有效的类型注释,并且“Parser”用 Injectable 修饰。

或者

模块“AppModule”声明的意外值“HomePage”

如果我评论@myDeco 它运作良好。(当然我已经用 npm install 安装了反射元数据)

树:

代码:

myreflect.ts

用户.ts

关于.ts

谢谢 !

迈克尔。