问题标签 [angular4]

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

angular - Angular 4 从 Angular 2 升级后的错误

从 Angular2 升级到 Angular4 后,我在 CLI 中遇到这些错误。尽管升级后我的应用程序仍在运行,但我只是想知道如何或是否可以解决这些错误。有任何想法吗?

cli日志

升级前的 Package.json :

升级后的 Package.json :

0 投票
1 回答
1140 浏览

angularjs - 如何在angular4中将materialize-cssc与ts一起使用

我是 npm 的新手,目前我正在使用 typescript 进行 Angular 项目。我的问题是如何使用http://materializecss.com/中的 materialize-css 包?我在本地安装了它,npm install materialize-css但现在我不知道如何继续。我尝试使用一个简单的<select>标记并将其初始化,$('select').material_select()但我不断收到此错误error TS2339: Property 'material_select' does not exist on type 'JQuery'。我还使用 npm 安装了 jQuery。请帮忙。问候。

0 投票
1 回答
74 浏览

angular4 - 在Angular4中为一组组件中的一个组件设置动画

我是 Angular 的新手,我试图在 Angular 的组件数组中的单个组件(卡片)上设置翻转动画。

我在数组中有 10 张卡片,我只想让点击的卡片翻转。到目前为止,我有代码,所以当任何一张卡片被点击时,它们都会翻转过来。但是,我只想翻转点击的卡片。

这是卡片组件:

这是HTML:

我在想我需要识别被点击的卡片并找到一种方法来改变只有那张卡片上的翻转“状态”,但我不确定如何去做,或者它是否是最好的方法。

任何帮助深表感谢!

谢谢

0 投票
4 回答
13037 浏览

angular - 角度 4 和 ng 模板

我收到这个警告:

使用 Angular 4 时,发布版本是否会处理这个问题?

谢谢

0 投票
4 回答
2845 浏览

angular-material2 - 安装具有 Angular 4 未满足依赖项的 Angular Material 2

如何让 Angular Material 2 与 Angular 4 一起使用?

  1. 我重新安装了 Angular CLI,现在它是 1.0.0,使用:npm install -g @angular/cli
  2. 我使用以下方法创建了一个新的 Angular 4 项目: ng new MyProject
  3. 我尝试安装 Material 2,但使用失败: npm install --save @angular/material

+-- 未满足的同行依赖@angular/common@4.0.0

+-- 未满足的对等依赖@angular/core@4.0.0

+-- 未满足的同行依赖@angular/http@4.0.0

-- @angular/material@2.0.0-beta.2

这是我为项目执行 ng -v 时得到的结果:@angular/cli: 1.0.0

节点:6.10.0

操作系统:win32 x64

@角/普通:4.0.0

@角/编译器:4.0.0

@角/核心:4.0.0

@角/形式:4.0.0

@角/http:4.0.0

@角/材料:2.0.0-beta.2

@角/平台浏览器:4.0.0

@角/平台浏览器动态:4.0.0

@角/路由器:4.0.0

@角/cli:1.0.0

@angular/compiler-cli: 4.0.0

0 投票
3 回答
2567 浏览

rxjs - Angular:可观察的模型属性不存在

从 Angular 2 升级到 Angular 4 后,尝试使用 AOT 进行编译时出现以下错误:

这就是我到目前为止使用 observables 的方式......

首先,我分配了一个这样的变量:

然后我打电话给我订阅的服务,如下所示:

这适用于开发模式(ng serve),我可以使用诸如*ngFor迭代结果之类的东西。

收到这些错误后,我尝试添加这样的模型类:

然后将它与我的 observable 一起使用,如下所示:

但是我在尝试编译时仍然遇到错误:

我究竟做错了什么?

更新

这是服务方法的样子:

所有值(包括total)都存在于返回的 JSON 中,我可以在我的 HTML 中毫无问题地使用它。

0 投票
1 回答
84 浏览

angular4 - angular4 是否使您能够在没有任何 angular2 无法提供的外部框架的情况下生成本机移动代码/二进制文件?

angular4中的“跨所有平台开发”是什么意思?

https://angular.io

学习一种使用 Angular 构建应用程序的方法,并重用您的代码和能力来为任何部署目标构建应用程序。适用于 Web、移动 Web、本机移动和本机桌面。

这是否意味着您可以从 Angular Web 客户端项目(杀死 ionic 等混合框架)生成本机 android/ios/desktop 应用程序?或者这是否意味着您可以将整个 Web 客户端嵌入到 android/ios 应用程序中,使其无法区分?不过,我没有在文档中看到任何关于生成本机应用程序的参考。

0 投票
1 回答
39 浏览

angular - 如何打包我的 ng-cli 应用程序以通过 NPM 重新分发?

正如标题所述,我正在寻找“最佳实践”或有关如何打包通过 angular-cli 创建的应用程序以通过 NPM 重新分发的指南。

我想的方式是将我的主应用程序作为自己的存储库,但包含我想作为 git 子模块重用的模块,但这似乎不是处理它的最佳方式,因为安装子模块的用户扩展无权访问应用程序的核心提升。我也不希望第三方开发人员必须学习git 子模块,因为它们可能有点棘手。

编辑:文件夹结构当前是

我希望将模块、核心、共享和 UI 捆绑到一个应用程序中,开发人员可以简单地 npm install 并导入到他们现有的项目中。

有任何想法吗?

0 投票
6 回答
9463 浏览

angularjs - Angular 2 到 4 迁移的 package.json 更改

目前,该应用程序在 Angular 2.0.0 上。为了与 Angular 4 兼容,需要更改哪些包或依赖项?到目前为止,我已经更改了以下内容,

是否还有其他需要更改的包/依赖项?

我应该对 tsconfig.json 进行更改吗?

0 投票
3 回答
2785 浏览

angular - angular2-flash-messages prod 构建失败

angular2-flash-messages在我的 angular(4) 应用程序中使用。我在 app.module.ts 中添加了

在开发中构建一切工作正常。获取闪存消息。但是产品构建失败(ng build --prod)并出现此错误。