angular相关内容

如何使用 Typescript 在 Angular 2 中使用 Google 实现登录

我一直在尝试在单独的登录组件中以 angular 2 实现使用 Google 登录.我无法使用 Google https://developers 中提供的文档来实现它.google.com/identity/sign-in/web/sign-in 当我在我的 index.html 文件中声明我的脚本标签和谷歌回调函数时,谷歌登录确实有效.但是我需要一个单独的组件才能使用谷歌按钮呈现登录并在 ..
发布时间:2021-12-02 20:59:21 其他开发

angular4/typescript 中的 document.getElementById 替换?

我在练习中使用 angular4,这对我来说是新的. 为了获取 HTML 元素及其值,我使用了 document.getElementById 或 document.getElementById. 我想知道 angular 是否有任何替代品. 解决方案 您可以使用 #someTag 标记您的 DOM 元素,然后使用 @ViewChild('s ..
发布时间:2021-12-02 20:59:11 其他开发

Angular 中 angular.copy 的替代方法是什么

如何在 Angular 中复制对象并丢失其引用? 在 AngularJS 中,我可以使用 angular.copy(object),但在 Angular 中使用它时出现一些错误. 例外:ReferenceError:angular 未定义 解决方案 假设你使用的是 ES6,你可以使用 var copy = Object.assign({}, original).适用于现代浏览器 ..
发布时间:2021-12-02 20:59:00 其他开发

Typescript 中接口和类的区别

Typescript 接口和类之间有什么区别?我什么时候用一类?我什么时候使用接口?它们有什么优点? 我需要为后端服务器的 http 请求创建某种类型(使用 Angular 2 进行),例如:}, “字段":{“项目":{“id":“10000"},“总结":“出了点问题",“问题类型":{“id":“10000"},“受让人":{//不需要“名称":“本垒打"},“记者":{“名称":“ ..
发布时间:2021-12-02 20:58:51 其他开发

角度键值管道排序属性/按顺序迭代

当使用 Angular keyvalue 管道迭代对象的属性时,如下所示: {{item.key}}:{{item.value}} 我遇到过属性未按预期顺序迭代的问题.此评论表明我不是唯一遇到此问题的人: 如何在 Angular 中使用 ngFor 循环对象属性 有人可以建议在使用键值管道时是什么决定迭代顺序以及如何强制特定的迭代顺序吗?我理想的迭代顺序是添加属性的顺序. ..
发布时间:2021-12-02 20:58:22 其他开发

Angular2 添加类到 body 标签

如何将 class 添加到 body 标记而不将 body 作为应用选择器并使用主机绑定? 我尝试使用渲染器,但它改变了整个身体 Angular 2.x 在 body 标签上绑定类 我正在开发一个大型 angular2 应用程序,更改根选择器会影响很多代码,我将不得不更改很多代码 我的用例是这样的: 当我打开一个模态组件(动态创建)时,我希望文档滚动条隐藏 解决 ..
发布时间:2021-12-02 20:57:13 其他开发

带有嵌套表单数组的 Angular 反应表单

我是 Angular 2 的新手,我认为最好的学习方式是阅读官方的 Angular 指南. 我阅读了反应式表单指南https://angular.io/guide/reactive-forms 演示链接:https://stackblitz.com/angular/jammvmbrpxle 虽然内容总体上还不错,但我一直在思考如何实现更复杂的表单.在给定的示例中,每个 Hero ..
发布时间:2021-12-02 20:56:51 其他开发

'string | 类型的参数null' 不能分配给类型为 'string' 的参数.类型 'null' 不能分配给类型 'string'

我有一个 dotnetcore 20 和 angular4 项目,我正在尝试创建一个 userService 并让用户访问我的主组件.后端工作正常,但服务没有.问题出在 localStorage 上.我收到的错误消息是: 'string 类型的参数 |null' 不能分配给类型为 'string' 的参数.类型 'null' 不能分配给类型 'string'. 还有我的 userSer ..
发布时间:2021-12-02 20:56:43 其他开发

从 Angular 2 FormGroup 获取所有验证错误

鉴于此代码: this.form = this.formBuilder.group({电子邮件: ['', [Validators.required, EmailValidator.isValid]],hasAcceptedTerms: [false, Validators.pattern('true')]}); 如何从 this.form 获取所有验证错误? 我正在编写单元测试并希望在 ..
发布时间:2021-12-02 20:56:34 其他开发

Angular 4:如何包含 Bootstrap?

我是一名后端开发人员,我只是在玩 Angular4.所以我做了这个安装教程:https://www.youtube.com/watch?v=cdlbFEsAGXo. 鉴于此,我如何向应用程序添加引导程序,以便我可以使用“container-fluid"或“col-md-6"类之类的东西? 解决方案 npm install --save bootstrap 之后,在 angular- ..
发布时间:2021-12-02 20:56:26 其他开发

如何在 Angular2 中订阅服务上的事件?

我知道如何使用 EventEmitter 引发事件.如果我有这样的组件,我还可以附加一个要调用的方法: 当我有这样的组件时,一切都很好.我将一些逻辑移到服务中,我需要从服务内部引发一个事件.我所做的是这样的: 导出类 MyService {我的事件:EventEmitter = new EventEmitter();someMethodThatWillRaiseEvent() {this. ..
发布时间:2021-12-02 20:56:16 前端开发

如何将 angular 2 (npm) 正确升级到最新版本?

最近我在 https://angular.io/docs/ts/开始了 Angular 2 教程最新/教程/. 然后放弃 Angular 2 beta 8.现在我恢复了教程,最新的 Beta 版是 Beta 14. 如果我只是执行 npm 更新,一些模块(预装在教程中)会更新,但不会更新 Angular2(我可以通过 npm ls 看到这一点). 如果我执行 npm update ..
发布时间:2021-12-02 20:55:44 其他开发

为每个 Angular 项目生成的大量文件

我想为 Angular 启动一个简单的 hello world 应用程序. 当我按照官方 quickstart 中的说明操作时,安装创建了 32,000 个文件在我的项目中. 我认为这是一个错误或者我错过了什么,所以我决定使用 angular-cli,但是设置项目后,我统计了 41,000 个文件. 我哪里做错了?我是否遗漏了一些非常明显的东西? 解决方案 您的配置没有任 ..
发布时间:2021-12-02 20:55:35 前端开发

TypeScript 文件更改时如何监视和重新加载 ts-node

我正在尝试使用 TypeScript 和 Angular 应用程序运行开发服务器,而无需每次都转译 ts 文件. 我发现我可以用ts-node运行.ts文件,但我也想看.ts 文件并重新加载我的应用程序/服务器.一个例子是命令 gulp watch. 提前谢谢你!! 解决方案 您现在可以简单地 npm install --save-dev ts-node nodemon 然后运 ..
发布时间:2021-12-02 20:55:26 其他开发

Angular 2 中的访问控制允许 Origin 问题

我在从 node.js 服务器获取数据时遇到问题. 客户端是: public getTestLines() : Observable{let headers = new Headers({ 'Access-Control-Allow-Origin': '*' });let options = new RequestOptions({ headers: headers });return ..
发布时间:2021-12-02 20:55:03 前端开发

Angular 6:HTML 表格创建动态列和行

在这里使用 Angular 6 我想要一些关于设计我的 UI 组件的输入.所以基本上我们已经在 AngularJs 中设计的当前功能但是在这个使用 Angular 6 的新应用我想知道是否有更好的方法. 以下是我要设计的 UI 流程. 用户在顶部填写表单,基本上是一些文本框和下拉菜单. 在上面的选择之后,我显示了一个 HTML 表格,它有 3 个静态列和几个按钮,如下所示: ..
发布时间:2021-12-02 20:54:53 前端开发

Angular 2 + Ionic 2:检测对象是否被修改

问) 如果我有一个具有大量属性的对象,所有属性都绑定到表单中的字段,我如何在对象发生更改时进行捕获? 我不想在每个字段上放置 (blur) 事件,因为页面已经很重了,这可能会导致页面上的听众太多. 例如 对象: var person = {名称:字符串,电子邮件:字符串,电话:字符串}; 表格: ..
发布时间:2021-12-02 20:54:27 其他开发