问题标签 [angular2-compiler]

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 投票
2 回答
4638 浏览

angular - 如何在 Angular2 编译器/cli ngc 命令中使用 RouterModule.forRoot()

假设我有以下 appRoutingModule:

使用ngc cli 命令编译它时,会出现以下错误:

我尝试将其放在导出的 const 中:

但这会给出这个错误:

什么是解决方法/解决方法来让它工作?如果我无法将路由传递给 RouterModule,如何定义路由?

我正在使用版本:

等等

0 投票
1 回答
362 浏览

webpack - Angular 2 AOT Webpack CSS 相对嵌套 url

我在我的项目中使用Material-Design-Icons,并将它的 css 导入到我自己的 css 文件中。

这是这样做的:

app.component.css

材料设计图标.css

现在,初始导入 (from app.component.css) 和嵌套导入 ( materialdesignicons.css) 可以正常使用to-string-loader!css-loaderonwebpack-dev-server

但是,使用Angular 2 编译器 CLI将无法导入嵌套的 url(字体)。

当我看到项目正在尝试获取相对于主 css 文件 ( app.component.css) 的字体时,我收到 404 错误。

在此处输入图像描述

Webpack.common.config.js(加载器)

0 投票
0 回答
1216 浏览

typescript - Ionic 2 - 如何创建动态模板来编译动态组件

我想动态创建一个模板。我找到了一个适用于 Angular 2.0 的解决方案,这个解决方案使用了 JiT 编译器。 链接到 Angular 2.0 中的分辨率

我的问题是,如何使用 Ionic 2 制作动态创建的模板?我可以像在 Angular 2.0 中那样使用 JiT 编译器吗?

0 投票
1 回答
972 浏览

angular - 如何在 Angular 2 中编译 ng-content 中的动态模板

我正在尝试通过编写自定义组件/指令来扩展/包装第三方(Angular Material 2)指令。

对于一个按钮,

我不会在我的应用程序的所有位置直接使用上述控件,而是将其包装在一个自定义组件中,并且我将在一个位置进行配置更改,它将影响使用自定义组件的所有其他位置。

在 AfterViewInit 钩子中,我正在尝试设置元素属性“md-button”,我成功了,但我需要编译以获得材料外观和完整。如何编译 ng-content 中的模板。你能指导我吗。

0 投票
0 回答
297 浏览

angular - Angular 2 JIT 编译器非常奇怪的行为

我最近从 angular 2.3.1 更新到 2.4.7,我发现了一个非常奇怪的行为,这就是代码:

即将到来的Games.html

ResponsiveHeight.html 模板:

如果我ng server在 Angular 2.3.1 和ng server --aot2.4.7 中运行一切正常,但在 2.4.7 中使用 JIT 编译器,带有可滚动类的 div 会在 ngFor 中的每个即将到来的游戏中传播。

我认为这可以通过几张图片来理解。

这是正确的行为: 在此处输入图像描述

这是奇怪的行为: 在此处输入图像描述

如您所见,响应式高度模板在即将到来的游戏模板中重复。

就像我说的,这不会发生在 2.4.7 中的 AOT 或 2.3.1 中的 JIT 中。

我在应用程序中有另一个页面,除了这个之外,所有页面都可以正常工作。我在路由器不参与的另一个组件中使用了 responsiveHeight 组件,并且可以正常工作。

我会说它与Router + component transclusion + ngFor有关。

版本:

更新:

如果我删除 ngFor 可以正常工作。如果我删除异步管道并用同步数据填充 ngFor,则不起作用。

更新2:

如果我创建一个包含内容的 noop 组件,那么一切正常:

似乎 ngFor 与此有​​关。

0 投票
3 回答
1302 浏览

angular - 将自定义元素和属性添加到编译器架构

组件模板中有一些自定义元素和属性(在此示例中,它们由第三方非 Angular 代码使用):

它们会导致编译器错误:

如何将foo元素和data-bar属性添加到编译器模式?

NO_ERRORS_SCHEMA不是一个选项,因为不希望将其他未知元素和属性列入白名单。

0 投票
0 回答
64 浏览

angular - Angular 2编译器无法获取接口导入

我有一个以前用 webpack + awesome-typescript-loader 构建的项目,并且正在尝试使用 ngc 以便我可以进行 AOT 编译。但是,运行 ngc 时"node_mdoules/.bin/ngc" -p tsconfig-aot.json出现错误:

这是有道理的,我在我的一项服务中使用该接口

如果我浏览到它正在查找的位置,/node_modules/@angular/http/src/interfaces.js并且界面定义在相邻的/node_modules/@angular/http/src/interfaces.d.ts.

我不明白的是如何让它在interfaces.d.ts中获取该接口。

这是我的 tsconfig-aot.json:

与原始的不同之处在于模块类型“commonjs”-> es2015 和新的 angularCompiler 选项。

0 投票
2 回答
1132 浏览

angular - Angular 2 动态 html

我在 Angular 2 视图中创建了一个表格,我想动态绑定 html 或 Angular 组件。

我可以识别组件中的每个单元格

但我不能像这样绑定html或组件。

0 投票
1 回答
301 浏览

angular - Angular 4 - 在 jquery append 中编译 [ngClass]

我是 Angular 4 的新手,尝试使用$().append()方法动态附加li内容。我无法编译和使用[ngClass] 指令

jQuery 将其视为字符串并附加到 DOM。我想编译它动态地执行作为一个角度 4 指令。

下面是包含虚拟数据的数组。!

使用jQuery循环数组

我的 DOM 内容:

[ngClass] 被认为是一个字符串有没有办法在角度编译这个语句..!!!

提前致谢

0 投票
2 回答
1085 浏览

angular - 如何在 Angular 2+ 中构建特定模块

我想知道是否有任何方法可以从具有多个模块的应用程序构建特定模块。

例如,我在应用程序中有模块 a、b 和 c,但我的一个客户只需要 b 和 c。我不想编译所有模块并删除不需要的块,以寻找一种编译仅作为命令或其他东西传递的块的方法。

任何帮助高度赞赏。