-
angular – 如何使用snapshotChanges()方法获取键值并过滤数据?
所属栏目:[安全] 日期:2020-12-17 热度:124
我正在开发一个Angular Firebase项目,我需要过滤我的数据库并获取关键值.目前我在我的服务代码中使用valueChanges()方法(在getUnreadBooks和getFavoriteBooks方法中,如下所示)来获取数据并对其进行过滤.但是当我尝试在模板文件中获取键值时,它给我的关键值为[详细]
-
材料成分波斯日期选择器角度为2
所属栏目:[安全] 日期:2020-12-17 热度:123
Angular2 Material Component有一个DatePicker,以默认格式显示日期. 并且仅支持“fa-IR”本地更改. 如何格式化以显示波斯日期? 解决方法 以下步骤应该有所帮助: 1:在module.ts中加载所有必需的模块: import { MatDatepickerModule,NativeDateAdapter,Dat[详细]
-
Angular webpack:无法编译
所属栏目:[安全] 日期:2020-12-17 热度:92
我正在学习Angular 5的官方教程.我正在阅读服务: Chapter Service章节 现在,我在这一章中: See it run After the browser refreshes,the app should run as before,showing a list of heroes and a hero detail view when you click on a hero name. 我有[详细]
-
angular – 如何捕获RxJS 5.5中的错误
所属栏目:[安全] 日期:2020-12-17 热度:172
我正在使用Angular 5和RXJS 5.5 在我做这样的事情之前 getProjectInfo(id): Observableany { const URL = `${this.API}/${id}`; return this.http.get(URL) .pipe(map(res = res)),catchError(this.handleServerError);}handleServerError(error: any) { con[详细]
-
如何为angular 4项目添加font-awesome
所属栏目:[安全] 日期:2020-12-17 热度:90
我有问题使用scss为我的Angular 4项目添加font-awesome.我已经尝试了这里给出的许多步骤:基于scss的项目 How to add font-awesome to Angular 2 + CLI project主要添加@import’?/../ node_modules / font-awesome / scss / font-awesome’;到styles.scss和[详细]
-
angular – cors-anywhere.herokuapp.com无法正常工作(503).我还
所属栏目:[安全] 日期:2020-12-17 热度:176
我正在尝试向Wikipedia API发送get请求.我发送请求形式一个角度前端所以我正在尝试使用Heroku CORS Anywhere端点来避免CORS问题.出于某种原因,我仍然得到503响应,表示请求的资源上没有access-control-allow-origin报头.知道为什么会发生这种情况/我还能尝试[详细]
-
angular – 将多个对象转换为HttpParams
所属栏目:[安全] 日期:2020-12-17 热度:150
我在formcontrol中有一些类别,我将它们发送到一个字符串数组中,如下所示: [1,4,6] 那是我的实际代码: let categoryIds = new ArrayString()this.selectedCategories.forEach((value: string,key: string) = categoryIds.push(key))let requestOptions = {[详细]
-
将角度服务传递给类和基类
所属栏目:[安全] 日期:2020-12-17 热度:180
我有以下课程: export class CellLayer extends BaseLayer { constructor(name: string,type: LayerType,private mapService: MapService) { super(name,type,mapService); }} 和相应的抽象类: export abstract class BaseLayer implements ILayer { priva[详细]
-
@Input in Angular 4
所属栏目:[安全] 日期:2020-12-17 热度:119
我是Angular 4的新手.根据我的理解,@ Input用于将值传递给组件.但是当我按照下面提到的那样使用它时它不起作用. my-file.component.html h1 [user] = "currentuser"/h1my-file.component.ts @Input() user : string; 解决方法 这意味着您可以将字符串输入传[详细]
-
angular – Page是2个模块声明的一部分:离子构建产生错误
所属栏目:[安全] 日期:2020-12-17 热度:153
当我运行npm run ionic:build我能够成功构建.但是,当我运行npm run ionic:build –prod我收到以下错误消息. Error: Type PatientDetailPage in /home/shiva/Ionic/af2-lists/src/pages/patient-detail/patient-detail.ts is part of the declarations of 2[详细]
-
在Angular 4中使用ID进行路由
所属栏目:[安全] 日期:2020-12-17 热度:155
我在Angular 4中的路由中需要帮助.我想显示这样的URL. Localhost:4200 / user / 1如果我点击了第一个用户的查看详细信息.我对如何做到这一点有点困惑.我已经在下面的代码中尽了最大努力,但它仍然不起作用. app-routing.module.ts const appRoutes: Routes =[详细]
-
Angular> = 4.3,httpClient.get params为空
所属栏目:[安全] 日期:2020-12-17 热度:122
我正在尝试将我的Http请求迁移到HttpClient请求. 我能够迁移我的帖子查询但我在迁移获取查询时遇到问题.当我这样做时,我的后端没有分别收到任何参数,它告诉我没有提供参数并且为空. 我做错什么了吗? import {HttpClient,HttpHeaders,HttpParams} from '@ang[详细]
-
如何在角度中启用压缩
所属栏目:[安全] 日期:2020-12-17 热度:143
我想压缩构建角度项目时创建的包文件.我使用ng build –environment = ${environment}来构建当前的应用程序,并且“@ angular / compiler-cli”的版本:“^ 4.0.0”不会将.gz文件生成到dist文件夹.生成.gz包文件的最简单方法是什么(最好不要触及webpack.confi[详细]
-
angular – ERROR错误:没有JwtHelper的提供者
所属栏目:[安全] 日期:2020-12-17 热度:138
我是Angular2的新手,我正在使用jwthelper来编码jwt令牌并提取细节. import { Injectable } from '@angular/core';import { JwtHelper } from 'angular2-jwt';@Injectable()export class SessionService { constructor(private jwtHelper: JwtHelper){} getUs[详细]
-
angular – ERROR TypeError:无法读取未定义的属性“length”
所属栏目:[安全] 日期:2020-12-17 热度:65
这段代码中有一个错误 img src="../../../assets/gms-logo.png" alt="logo" routerLink="/overview" alt="website icon" 但当我检查资产文件夹时,gms-logo.png仍在那里,在angular-cli.json中,资产也在那里.路径也是正确的. 最近,我一直在研究搜索功能.所以我[详细]
-
Angular 2中同时存在多个管道
所属栏目:[安全] 日期:2020-12-17 热度:100
我正在开展一个Angular 2项目. 我有一个包含多列的表.每列都有不同的排序逻辑(number,string.lowercase,amountValue in%和INR).行根据该列的排序逻辑进行排序.为了实现这一点,我使用一个名为sortTable的自定义管道,其中包含很少的参数. 同时,顶部有一个输入[详细]
-
Angular 2和Typescript – 从单个文件导入多个接口
所属栏目:[安全] 日期:2020-12-17 热度:65
我已经尝试过搜索高低的答案,但希望有人能够迅速回答这个问题. 我有一个Angular 2应用程序,我正在使用Typescript接口来帮助构建各种数据位.问题是我有一个带有多个接口的文件,当我尝试将其导入组件时,可以毫无问题地引用第一个接口,但第二个接口会导致错误.[详细]
-
如何获取单击angular2的当前索引
所属栏目:[安全] 日期:2020-12-17 热度:136
使用angular2可以在点击时获得当前的* ngFor索引值吗? 我有一个客户列表,我想获得他们的索引值. button ion-item *ngFor="let customer of customers" (click)="showRadio()" {{ customer.customer_name }}/button showRadio(currentIndex) { //...........[详细]
-
Angular 2 – Checkbox未保持同步
所属栏目:[安全] 日期:2020-12-17 热度:124
我正在研究Angular 2.0(是的,有点落后于当前的2.4). 我有一个复选框列表.我试图在未检查到最后的复选框时检查所有的复选框. HTML div *ngFor="let filter of filters" label htmlFor="check-box-{{filter.text}}" [ngClass]="(filter.selected)? 'active' :[详细]
-
如何在angular-cli项目中使用全局scss文件
所属栏目:[安全] 日期:2020-12-17 热度:89
我是Angular 4和Angular-CLI的新手. 我找不到任何解决方案如何为整个应用程序使用root scss / css文件. 因此,我的问题是,如何在项目中使用全局scss文件? 解决方法 在src文件夹中创建一个样式文件夹,然后你可以将其中的所有内容导入到src文件夹中的styles.sc[详细]
-
angular – 在离子输入中强制2位小数精度
所属栏目:[安全] 日期:2020-12-17 热度:75
我想在离子输入中始终显示精确到两位小数的数字.以便: 1.011.101.201.23 不显示为:1.1和1.2,但显示为1.10和1.20 我的模型是: export class HomePage { public myValue:number;} 使用html文件如下: ion-content padding h3Hello/h3 ion-row margin-right=[详细]
-
angular – 如何在Chrome开发人员工具中启用在控制台中使用下划
所属栏目:[安全] 日期:2020-12-17 热度:79
我正在使用Angular2和下划线, import * as _ from 'underscore'; 我也想在Chrome控制台窗口中使用下划线库. 即使我确实打破了代码的中间部分,并尝试使用,但我得到了“未定义”错误. 我可以在Chrome控制台窗口中使用下划线吗?怎么样? 解决方法 您可以通过将[详细]
-
Angular2-jwt – AuthHttp,刷新令牌,将它们放在一起
所属栏目:[安全] 日期:2020-12-17 热度:53
这看起来好像我在这里圈,也许是因为使用了这么多订阅并且必须将它们链接在一起. 我希望能够刷新令牌,如果它已使用刷新令牌过期.这就是我所拥有的,如果可能的话,我真的很感激一个简单的工作示例. 总之,我如何确保AudienceService首先检查令牌是否有效,如果没[详细]
-
angularjs – 角度POST导致原点’http://evil.com/’是不允许的
所属栏目:[安全] 日期:2020-12-17 热度:199
我正试图以这种方式POST到WebApi后端: 'use strict';angular.module('auth',[]).factory('authService',['$http','$q','$localStorage',function ($http,$q,$localStorage) { var serviceBase = 'http://localhost:53432/api/'; var authServiceFactory = {[详细]
-
如何使用Angular 2 / Bootstrap 4为ng-bootstrap控件自定义CSS
所属栏目:[安全] 日期:2020-12-17 热度:57
我正在使用两个ng-bootstrap组件ngbDropdown和ngb-pagination,我希望它们彼此垂直对齐. ngb-pagination组件使用.pagination类创建此HTML,边距为1rem nav ul ng-reflect-class-name="pagination pagination-sm" class="pagination pagination-sm" /ul/nav 我[详细]