问题标签 [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.
javascript - Angular 6 - 从 app.component.html 中删除数据并更新视图上的更改
我有一项服务正在获取数据列表并将其显示在 app.component.html 上
这是显示数据的代码:
如您所见,我为每一行数据添加了一个删除按钮,然后调用一个方法从服务器中删除数据。
这可行,但同时我需要从视图中删除这些数据,而无需重新加载页面
在 app.component.ts 我有这个方法,然后调用服务方法:
如何在不重新加载页面的情况下更新组件数据?
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。
有想法该怎么解决这个吗?这是完整的堆栈跟踪:
angular - Angular 6 Material mat-select 更改方法已删除
在 Angular Material Design 6 中,删除了(更改)方法。当用户更改选择时,我应该如何替换更改方法以执行组件中的代码?
javascript - Angular 6 - 修改添加方法以更新视图
我正在更改显示在 app.component.html 上的数据列表
我设法像这样推送一个新的数据行:
这工作正常,并在数据列表的末尾添加了一个新行。
我的问题是:
如何修改我的 create() 方法以更新当前并在 app.component.html 上显示更改?
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
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 中包含我的脚本和样式时,我还需要导入其他任何东西吗?
提前致谢
html - 如何打印 ng-template 索引?
我想打印容器的索引
我试着写
{{index}}
,但它不工作
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 存储的动态链接。这对我没有用,因为我需要同时使用数据库和存储。
angular - angular6 功能模块延迟加载抛出错误 TypeError: undefined is not a function
我有这段代码app-routing.module.ts
,根据角度的新文档,我通过了该方法仍然无法正常工作,抛出一些我无法理解的错误。
它会抛出这样的错误。
我也尝试过像这样的 loadchildren 的旧方法'app/admin/admin.module#AdminModule'
。但它仍然无法正常工作。