标签: angular7

我有一个userService.spec.ts要测试的文件。代码就是这样。它调用了一个get函数，该函数调用了ADMIN_API_URL。我尝试测试给定的文件，但标题中提到了错误。我的user.service.spec.ts文件。

 describe('Service: User service', () => {
 let httpMock: HttpTestingController;
 let userService: UserService;
 let url: string;

  beforeEach(() => {
   TestBed.configureTestingModule({
    imports: [HttpClientTestingModule],
     providers: [
    { provide: AUTH_API_URL, useValue: 'https://auth.example.com/api/' 
      },
    { provide: SSO_API_URL, useValue: 'https://sso.example.com/auth/api/' },
    { provide: WIT_API_PROXY, useValue: 'https://wit.example.com/api/'},
    { provide: ADMIN_API_URL, useValue: 'https://admin.example.com/api/'},
    { provide: REALM, useValue: 'realm' },
    Broadcaster,
    Logger,
    AuthenticationService,
    HttpHandler,
    UserService
  ]
});
httpMock = TestBed.get(HttpTestingController);
url = TestBed.get(ADMIN_API_URL);
userService = TestBed.get(UserService);
 });

 it('Get user by user name …

在Angular中enum使用时如何传递给函数*ngIf？

我有以下代码：

export enum RoleType {
    User='User',
    Admin='Admin'
}

组件功能

public hasAccess(role: RoleType) {
   //check role type and return true or false
}

组件html

<div id="adminDiv" *ngIf="hasAccess('Admin')">
</div>

当我构建它时，它一直在抱怨。它不能将字符串转换为枚举，是否有办法解决？

使用RxJS v6很难从子集合中检索循环中每个项目的数据。无法迭代从HTTP调用检索的throw数组。合并映射仅对需要在所有数组项目上执行的单个项目执行此操作。

我已经坚持了三天。我已经尝试了一切。问题在于，新的管道语法在为您提供组织代码的巧妙方法的同时，没有简单的方法来循环引发数据收集。无法使用地图javascript函数，因为它在可观察范围之外并且返回的项目不确定。在互联网上，我只能找到一个很好的单个mergeMap的基本示例。但是，我需要使用带有http调用的数组中的每个项目，并将响应附加到同一对象。

我从第三方无法控制的两个端点开始。我嘲笑了一些示例API来说明。

端点1-返回所有项目ID： http：// localhost：3000 / contact

{
  "name": "test",
  "contact": [
    {
      "_id": "5c9dda9aca9c171d6ba4b87e"
    },
    {
      "_id": "5c9ddb82ca9c171d6ba4b87f"
    },
    {
      "_id": "5c9ddb8aca9c171d6ba4b880"
    }
  ]
}

端点2-返回单个项目信息： http：// localhost：3000 / contact / 5c9dda9aca9c171d6ba4b87e

[
   {
     "_id": "5c9dda9aca9c171d6ba4b87e",
     "firstName": "Luke",
     "lastName": "Test",
     "email": "vgadgf@adsgasdg.com",
     "created_date": "2019-03-29T08:43:06.344Z"
   }
]

期望的结果-通过使用RxJs v6 +返回带有嵌套数据的Observable：

{
  "name": "test",
  "contact": [
    {
      "_id": "5c9dda9aca9c171d6ba4b87e".
      "relationship":  {
                         "_id": "5c9dda9aca9c171d6ba4b87e",
                         "firstName": "Luke",
                         "lastName": "Test",
                         "email": "vgadgf@adsgasdg.com",
                         "created_date": "2019-03-29T08:43:06.344Z"
                       }
    },
    {
      "_id": "5c9ddb82ca9c171d6ba4b87f",
      "relationship": {
                         "_id": …

如何在不使用angular 7的情况下获取完整的当前URL window.location.href？

例如，假设我当前的网址是 http://localhost:8080/p/drinks?q=cold&price=200

如何获得完整的URL而不仅仅是完整的URL /p/drinks?q=cold&price=200？

我已经尝试过使用this.router.url此命令，但/p/drinks?q=cold&price=200不能提供完整的主机名。

我不想使用的window.location.href原因是它导致ng-toolkit / universal中的渲染出现问题

我尝试遵循此解决方案，这似乎与我存在相同的问题，并且也进行了更新

如何在Angular2中获取服务域名

这是我的代码

windowProvider.js

import { InjectionToken, FactoryProvider } from '@angular/core';

export const WINDOW = new InjectionToken<Window>('window');

const windowProvider: FactoryProvider = {
  provide: WINDOW,
  useFactory: () => window
};

export const WINDOW_PROVIDERS = [
  windowProvider
];

在app.module.ts中

@NgModule({
    .......
    providers:[
    .......
    windowProvider
   ]
})

在我的必填页面中：

import {WINDOW as WindowFactory} from '../../factory/windowProvider';
......
 constructor(private router: Router, private helper: Helpers, …

嗨，我今晚将项目从V7升级到了V8，阅读@viewChild时遇到了很多错误，这是由于他们进行了新的更新。我在所有@viewChild中都添加了{static：true}，但随后遇到了我设置如下的这些触发器：

 @ViewChild('tTaskTeam', { read: MatAutocompleteTrigger }) autoCompleteForTaskTeamTrigger: MatAutocompleteTrigger;
  @ViewChild('tofficeUser', { read: MatAutocompleteTrigger }) officeUsersautoCompleteInputTrigger: MatAutocompleteTrigger;
  @ViewChild('recipientType', { read: MatAutocompleteTrigger })  recipientTypeTrigger: MatAutocompleteTrigger;

该viewChild只接受两个参数，我不能添加三个。因此，我读了：MatautocompleteTrigger出去，它破坏了我要执行的自动完成功能。

这是我收到的错误消息：

类型'{的参数为：typeof MatAutocompleteTrigger; }'不可分配给'{read ?: any; 静态：布尔值；}'。类型'{缺少属性'static'，读取：typeof MatAutocompleteTrigger; }”，但类型为“ {必读？：任何；静态：布尔值；}'。ts（2345）core.d.ts（8066，9）：此处声明为“静态”。

我添加了这些触发器，以在用户输入非所选选项列表中的字符时触发。因此它将清除并向用户显示一条消息，让他们再次选择。

这是完整的实现： HTML

<mat-form-field appearance="outline" class="task-info-form-field">
  <input tab-directive #tTaskTeam matInput (keyup.enter)="chooseFirstOption(autoCompleteForTaskTeam)" [matAutocomplete]="autoCompleteForTaskTeam" formControlName="tTaskTeam" matTooltip="You can search and it will try to autocomplete the name for you!" placeholder="Select Group">
  <mat-autocomplete #autoCompleteForTaskTeam='matAutocomplete' [displayWith]="displayTeamName">
    <mat-option class="matAutoCompleteSelect" *ngFor="let user of filteredOptions | async" [value]="user">
      <span>{{ user.TeamName }}</span> …