问题标签 [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.
angular - 从 Angular 2 组件中访问“选择器”
我试图弄清楚如何访问selector
我们传递给 @Component
装饰器的内容。
例如
最终,我想使用它来创建一个自动添加属性的指令,data-tag-name="{this.component.selector}"
以便我可以使用 Selenium 查询通过它们的选择器可靠地找到我的角度元素。
我没有使用量角器
angular - Angular 2 - 获取指令或组件中的所有@input()
有没有办法使用@Input
Angular 2 中的装饰器获取所有组件或指令属性?
angular - Angular 2 块范围的变量问题
我目前正在使用 TypeScript 运行 Angular 2 演示。有两个文件:作为模板导入的 index.html 文件和 TypeScript 文件。TypeScript 文件编译为pomodoro-timer.js,对于这个演示,所有的类都包含在一个文件中:
番茄定时器.ts
索引.html
一切似乎都工作正常,但是,pomodoro-timer.ts文件的这一部分似乎抛出了一个错误:
任何熟悉 TypeScript 的人都知道我为什么会收到这些错误?我正在使用带有 TypeScript 插件的 Atom IDE。
angular - 最好在哪里注册 Angular 2 提供程序
我为 Angular 2 应用程序编写了三个服务,配置将两个注入到第三个并在那里使用。导入这两个(所有三个都用 装饰@Injectable()
)后,我仍然收到一个未知的提供程序错误。
为了解决这个问题,我尝试将注入的服务放入模块提供程序数组中,这很有效。这是最好的方法吗?
Angular 文档显示了在组件级别列出可注入的内容。我可以将所有可注射剂放入模块提供程序数组中吗?
似乎这将简化应用程序设置,因为所有内容都配置在每个模块的中心位置。无需逐个组件搜索依赖项。
angular - @Component 装饰器到底做了什么?
从官方文档中我们知道
组件装饰器允许你将一个类标记为一个 Angular 组件,并提供额外的元数据来确定组件在运行时应该如何处理、实例化和使用。
但我想更深入地了解Component 装饰器除了提供额外的元数据之外真正做了什么。
我深入研究了源代码,发现所有装饰器都是在makeDecorator函数的帮助下创建的。在这里我迷路了。例如 Component 和 ngModule 装饰器的区别在哪里?他们在做同样的事情吗?不要这么想。
就像一个答案一样,逐步描述我应该做什么来重新创建没有 makeDecorator 函数的组件装饰器会很棒。
UPD:而且,是的,当然,我知道 TypeScript 装饰器是如何工作的。
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.
angular - 覆盖组件中的 QueryList
我有基本组件和基本指令:
现在我想创建具有相同功能的扩展 DatatableComponent
我的问题是为什么这不起作用?
但这有效。如何从基类覆盖 QueryList?
angular - TypeScript 中的 @ 符号是什么?
为什么在组件或指令中元数据或装饰器有@
符号(例如@Component
,@Directive
)?
它的目的是什么,我应该什么时候使用它?
angular - @ContentChildren 返回空列表,如果内容通过 2 个组件
我有下一个结构:
子组件模板(最简单的):
父组件模板:
正如你所看到的,我们在中间还有一个中间组件模板:
我正在使用下一种方式:
问题:我无法在中间组件中获取子组件的 ContentChildren?
angular2应该支持吗?如果不是,那为什么?
Plnkr 演示- 在控制台中查看输出
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
谢谢 !
迈克尔。