问题标签 [angular-cli]

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 回答
231 浏览

angularjs - 如何为本地 Angular CLI 应用程序和 plunk 获取相同的 Angular 版本?

我是 Angular 2.0 和 angular-cli 的新手。

为了让自己摆脱困境,我需要使用与我用来制作应用程序的版本相同的 Angular 2.0 版本,然后发布一个与之链接的 Stackoverflow 问题。

据我所知,我可以使用此处列出的 plunk 版本,这些版本目前最高为 2.0.0-beta.17。Angular-CLI 使用 2.0.0-rc.1。

我尝试通过将“2.0.0-rc.1”替换为“2.0.0-beta.17”来编辑我的 package.json 的这一部分。那没有用。

是否可以在 plunk 中使用 cli 版本(2.0.0-rc.1)?我宁愿那样做。

0 投票
1 回答
431 浏览

debugging - Angular2 CLI - 如何使用 .ts 文件进行调试

我开始使用 Angular2 CLI,现在我意识到我没有找到很好的 *.ts 文件(在浏览器中显示的源中),这完全有意义,因为 CLI 只移动 *.js

重点是:如果我使用 Angular2 CLI,如何继续使用 *.ts(调试时)?

提前致谢

0 投票
1 回答
628 浏览

javascript - 如何导入 400 多个模块,并在我的 angular-cli 项目中迭代它们?

我的 angular2 (angular-cli) 应用程序中将有 400 多个模型用于 js-data。

我的项目结构是这样的:

在商店中,我需要导入,并将映射添加到商店。模型文件实际上只是 js-data 3 的映射器配置。

目前,它们看起来像这样:

我的商店目前看起来像这样:

如果无论如何要遍历模型文件夹中的每个文件,那就太好了。

angular-cli 应该最终将所有 ts/js 编译成一个 js 文件,所以我不需要担心任何无法在客户端运行的东西。(所以,我有西兰花,以及捆绑了其他任何构建工具,我只是不知道在这种情况下它们中的任何一个是否对我有用)

0 投票
5 回答
32414 浏览

angular - angular-cli 如何添加 sass 和/或引导程序?

我正在尝试 angular-cli 并尝试在项目中获得 sass 和 bootstrap。我在wiki中读到你可以简单地做:

使用当前最新版本(beta.5)执行此操作会给我一个错误:

如何以 angular-cli 处理索引页面和 systemJS 的方式安装 bootstrap 和/或 sass?

0 投票
1 回答
8116 浏览

angular - Angular-CLI 服务于 Lint Watch

有什么方法可以在运行ng lint期间监视文件更改ng serve吗?为了根据 Angular 2 样式指南鼓励最佳实践,我们的 CI 工具ng lint在构建过程中运行,开发人员并不总是首先想到在提交拉取请求之前运行 lint。

是否可以自定义ng serve或已经想出一种方法将运行 lint 作为重新编译过程的一部分?如果没有,我也很想知道其他人是否对这是否是一个好主意以及为什么有任何意见。

0 投票
3 回答
14821 浏览

css - 如何使用 Angular CLI 添加应用范围的 CSS 文件?

我想为我的 Angular 2 应用程序添加一些分片样式,比如字体和配色方案,它们将在任何地方使用。在过去,我总是通过在我的索引页中添加这样的标签来做到这一点:

这不适用于 CLI 用于为应用程序提供服务的任何内容。我尝试在构建后手动将 css 文件添加到 dist 文件夹,但这似乎也不起作用。

我也尝试anugular-cli-build.js像这样在文件夹中添加css

css当我告诉它构建时,它似乎仍然没有构建文件夹中的文件。

有问题的样式表是整个应用程序的基线样式,而不是我想要包含在 styleUrl 标记中的东西。

0 投票
1 回答
4160 浏览

angular - 如何使用 material2 工具栏、按钮和 angular-cli 路由器

我有以下文件:

.html

.ts

我的路由器实际上可以使用上面的代码。

但是,我正在尝试

成为一个路由,当

被点击。

我尝试了以下方法,但它不起作用。

感谢您提供的任何帮助,谢谢。

0 投票
2 回答
2388 浏览

angularjs - 如何将 qrcode-generator 导入 Angular 2 应用程序?

我试图在我的应用程序中使用qrcode-generator但我的设置没有成功,即使它在plunker中工作,在我的应用程序中我使用的是 angular-cli 和 angular 2.rc-1。
重现步骤:

那么它的工作原理。

然后更改2个文件中的配置。角-cli-build.js:

和系统配置.ts:

像这样编辑new-app-name.component.ts并导入其中的二维码生成器

那么ng serve仍然出现此消息的错误:

/path/to/project/newAppName/tmp/broccoli_type_script_compiler-input_base_path-jscpZEq5.tmp/0/src/app/new-app-name.component.ts (3, 25): 找不到模块 'qrcode-generator'。

我尝试通过将其添加到 typings.json 文件来为其安装类型:

然后运行:

安装成功,但还是同样的错误。角-cli版本:

我错过了什么吗?
我还缺少其他配置吗?

0 投票
13 回答
107682 浏览

angular-cli - angular-cli 如何添加全局样式?

我使用 Sass 创建了一个全局样式表并将其放入public/style/styles.scss. 我只指定背景颜色。

在索引中,我添加了一个链接:<link rel="stylesheet" href="style/styles.css">

背景颜色不适用于 body 标签。在检查身体标签时,我可以看到背景颜色已被应用但被否决scaffolding.less:31

我做错了什么?

0 投票
3 回答
2951 浏览

jquery-ui - 使用 angular-cli 安装 3rd 方 jquery-ui

我正在为我的 angular2 项目使用 angular-cli。在我的项目中,我想使用 jquery-ui。我安装了jquery-ui

我编辑了我的 angular-cli-build.js

它将如何在我的 dist/vendor 文件夹中自动更新,我是否需要在我的 index.html 中添加 css 文件(如 css/jquery-ui.css)?

我已经从这个链接关注了 moment.js 集成,但它对 jquery-ui 没有帮助。我将欣赏 jquery-ui 与 angular-cli 集成的工作示例