问题标签 [angular6]

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

javascript - Angular 6 - 从 app.component.html 中删除数据并更新视图上的更改

我有一项服务正在获取数据列表并将其显示在 app.component.html 上

这是显示数据的代码:

如您所见,我为每一行数据添加了一个删除按钮,然后调用一个方法从服务器中删除数据。

这可行,但同时我需要从视图中删除这些数据,而无需重新加载页面

在 app.component.ts 我有这个方法,然后调用服务方法:

如何在不重新加载页面的情况下更新组件数据?

0 投票
11 回答
126030 浏览

angular - NPM 脚本“启动”退出,但未指示 Angular CLI 正在侦听请求

我正在尝试启动 .NET Core 2/Angular 6 SPA。我使用“dotnet new angular”创建了一个 Angular 5 应用程序,然后使用angular.io中的本指南进行升级。完成升级后,我尝试使用“dotnet run”运行应用程序,但我得到一个带有错误的丑陋错误页面:

处理请求时发生未处理的异常。

AggregateException:发生一个或多个错误。(发生了一个或多个错误。(NPM 脚本“开始”退出,但未指示 Angular CLI 正在侦听请求。错误输出为:未知选项:“--extractCss”

InvalidOperationException:NPM 脚本“启动”退出,但未指示 Angular CLI 正在侦听请求。错误输出是:未知选项:'--extractCss'

想也许我在升级过程中错过了一步,我第二次尝试并得到了同样的错误。

以下是我创建应用程序后采取的步骤:

我在 Windows 10 (1703) Enterprise 上运行 Node 版本 9.4.0 和 .Net Core 2.1.200。

有想法该怎么解决这个吗?这是完整的堆栈跟踪:

0 投票
6 回答
193531 浏览

angular - Angular 6 Material mat-select 更改方法已删除

在 Angular Material Design 6 中,删除了(更改)方法。当用户更改选择时,我应该如何替换更改方法以执行组件中的代码?

0 投票
1 回答
115 浏览

javascript - Angular 6 - 修改添加方法以更新视图

我正在更改显示在 app.component.html 上的数据列表

我设法像这样推送一个新的数据行:

这工作正常,并在数据列表的末尾添加了一个新行。

我的问题是:

如何修改我的 create() 方法以更新当前并在 app.component.html 上显示更改?

0 投票
1 回答
28 浏览

angular6 - 'ng build' 保持创建 'angular.io.example'

由于v6.0.0 ng build使用任何其他选项更新 angular 会创建 angular.io.example。ng serve有或没有--prod选项都可以正常工作。

我不知道为什么它不起作用。

我的系统版本是:

包版本

@angular-devkit/架构师 0.5.13

@angular-devkit/build-angular 0.5.13

@angular-devkit/build-optimizer 0.5.13

@angular-devkit/核心 0.5.13

@angular-devkit/schematics 0.6.0(仅限cli)

@角/cli

@angular/平台服务器

@角/升级

@ngtools/webpack 6.0.0-rc.11

@schematics/angular 0.6.0(仅限cli)

@schemics/update 0.6.0(仅限 cli)

rxjs 6.1.0

打字稿2.7.2

网络包 4.6.0

0 投票
1 回答
249 浏览

html - 在 app.component.ts 内时未读取按钮功能

这是我的 index.html:

这是我的 app.component.ts

我有一个包含在 angular.json 中的 scipt custom.js(以前是 angular-cli.json)。

自定义.js

我还包含在 angular.json 中的 jquery 和 bootstrap 样式和脚本。

该按钮在 index.html 内部时可以工作,但是当我将其转移到 app.component.html 时,它就不再工作了。为什么按钮不起作用?我错过了任何代码行吗?当我已经在 angular.json 中包含我的脚本和样式时,我还需要导入其他任何东西吗?

提前致谢

0 投票
1 回答
7607 浏览

angular - After updating from Angular 5 to 6 I keep getting the error: can't resolve timers in xml2js

Like the title say, I keep on getting this weird error. I also tried uninstalling it by using npm uninstall xml2js but nothing has worked until now.

enter image description here

0 投票
2 回答
491 浏览

html - 如何打印 ng-template 索引?

我想打印容器的索引

我试着写{{index}},但它不工作

0 投票
0 回答
658 浏览

firebase - NGSW 缓存 Firebase 存储

问题:

无法处理 Angular6 服务工作者中的 Firebase 存储 URL(可能是由于 CORS)。

firebase.json

ngsw-conf.json

所有文件都使用以下元数据上传到 Firebase 存储:

当我在 Chrome 或 Opera 中加载应用程序时,应用程序呈现正常,但我收到错误消息“加载some_firebase_storage_download_link失败:请求的资源上不存在“Access-Control-Allow-Origin”标头。Origin my_app_domain因此不允许访问。如果不透明的响应满足您的需求,请将请求的模式设置为“no-cors”以获取禁用 CORS 的资源。当我重新加载应用程序时,没有加载任何 Firebase 存储资源。

当我在 Safari 或 Edge 中加载应用程序时,应用程序根本不会呈现,并且我收到多个控制台错误“加载资源失败”。

该应用程序正在 Firefox 中呈现和缓存,没有任何问题。

当我省略 Firebase 存储并仅使用 Firebase 托管中的资源时,应用程序会在所有浏览器中无错误地缓存。

我已搜索将请求的模式设置为“no-cors”,但未能就我的问题达成任何解决方案。

更新

这可能是由 NGSW 和 Firebase Firestore 持久性处理程序(即: firebase.firestore().enablePersistence(); )的干扰引起的。我不确定 Firebase Firestore 持久性究竟是如何工作的,但是当我在没有 Firestore 持久性的情况下初始化应用程序时,我能够缓存来自 Firebase 存储的动态链接。这对我没有用,因为我需要同时使用数据库和存储。

0 投票
7 回答
13619 浏览

angular - angular6 功能模块延迟加载抛出错误 TypeError: undefined is not a function

我有这段代码app-routing.module.ts,根据角度的新文档,我通过了该方法仍然无法正常工作,抛出一些我无法理解的错误。

它会抛出这样的错误。

我也尝试过像这样的 loadchildren 的旧方法'app/admin/admin.module#AdminModule'。但它仍然无法正常工作。