小编Ala*_*lan的帖子

md-autocomplete angular2从服务器获取数据(带服务)

我想使用带有angular2/material2的自动完成组件从服务器获取数据.(https://material.angular.io/components/component/autocomplete)

TS

  emailCtrl: FormControl;
  filteredEmails: any;

  constructor(
    private companieService: CompanieService,
  ) {
    this.emailCtrl = new FormControl();
    this.filteredEmails = this.emailCtrl.valueChanges
        .startWith(null)
        .map(email => this.filterEmails(email));
  }


  filterEmails(email: string) {
    this.userService.getUsersByEmail(email)
      .subscribe(
        res => {
          return res
        },
        error => {
          console.log(error);
        }
      )
  }
Run Code Online (Sandbox Code Playgroud)

HTML

    <md-input-container>
      <input mdInput placeholder="Email" [mdAutocomplete]="auto" [formControl]="emailCtrl" [(ngModel)]="fetchedUser.profile.email">
    </md-input-container>

    <md-autocomplete #auto="mdAutocomplete">
      <md-option *ngFor="let email of filteredEmails | async" [value]="email">
        {{email}}
      </md-option>
    </md-autocomplete>
Run Code Online (Sandbox Code Playgroud)

服务:userService.getUsersByEmail(email)正在拉这种数据:

 ['email1@email.com','email2@email.com','email3@email.com']
Run Code Online (Sandbox Code Playgroud)

我没有错误,但自动完成没有结果.我在chrome的调试器中看到(标签网络)对于输入中的每个更改,都会正确地拉出数据

autocomplete material observable angular-material angular

11
推荐指数
1
解决办法
7528
查看次数

LightHouse 和 Performance 之间的 LCP 时间 - Google Chrome

使用 google chrome chrome dev,我正在为移动设备运行灯塔分析。

Lighthouse 显示最大内容绘制 (LCP) 的延迟为 7.0 秒: 在此处输入图片说明

我决定深入研究并单击:“查看原始跟踪”。

它将我重定向到性能选项卡: 在此处输入图片说明

这里说 LCP 是 749.7 毫秒(= 0.7497 秒)。

LightHouse 和 Performance 选项卡之间的这种差异来自哪里?

  • 0.7497 秒的性能
  • LightHouse 7.0 秒

performance pagespeed lighthouse google-chrome-devtools pagespeed-insights

10
推荐指数
1
解决办法
1434
查看次数

将 GitHub 问题分配给超过 1 人

我能够做到,现在,我不能了。

我有这样的消息:Assign up to 1 person to this issue。如果我选择了其他人,alan345将被删除

在此处输入图片说明

现在是高级功能吗?

github

8
推荐指数
1
解决办法
1483
查看次数

Cypress - 新的测试文件未显示在 cypress UI 中

在 Cypress 文件夹中创建新的测试文件integration不会显示在 Cypress UI 中。在此打印屏幕中,我创建了一个名为:(NewTest.spec.js绿色)的新文件。它没有在赛普拉斯中显示。 在此输入图像描述 它曾经有效

cypress

8
推荐指数
2
解决办法
5217
查看次数

使用 Prisma,我们如何为类型添加注释?

通过 prisma.io (graphQl),我们有:

  • 文件:datamodel.graphql
"""I am a great User"""
type User {
  id: ID! @unique
  email: String! @unique
}
Run Code Online (Sandbox Code Playgroud)

完成后prisma deploy,它会生成一个没有文件注释的文件datamodel.graphql

  • 文件generated-schema.graphql
type User implements Node {
  id: ID!
  email: String!
}
Run Code Online (Sandbox Code Playgroud)
  • 在prisma里playground,我没有评论。 在此输入图像描述

我们如何为类型添加注释以便在 Playground 中生成文档?

解决方法:

如果我作弊并在中添加评论generated-schema.graphql(此文件将在下一个之后被覆盖prisma deploy

"""I am a great User""" type User implements Node { id: ID! email: String! }

我们有: 在此输入图像描述

相关话题:

schema graphql prisma prisma-graphql

7
推荐指数
1
解决办法
5540
查看次数

Stripe Connect - 与区域设置的链接

我正在使用 API stripe Connect OAuth 参考 ( https://stripe.com/docs/connect/standard-accounts )

重定向用户的链接是: https ://connect.stripe.com/oauth/authorize?response_type=code&client_id=CODE&scope=read_write

它工作完美。登陆页面是: 在此输入图像描述

我该如何翻译此页面?我尝试过在 url: 中使用,?locale=fr但不起作用。我在文档中找不到任何内容谢谢

api hyperlink translate stripe-payments

5
推荐指数
1
解决办法
792
查看次数

使用 Prisma 查询 NOT NULL GraphQL

架构:

type TrackUser {
  id: ID! @unique
  createdAt: DateTime!
  user: User #note there is no `!`
}
type User {
  id: ID! @unique
  name: String! @unique
}
Run Code Online (Sandbox Code Playgroud)

我想得到 Alls TrackUserwhereUser不为空。查询会是什么?

apollo graphql prisma

4
推荐指数
1
解决办法
4721
查看次数

Google Data Studio - 格式日期年月 (YYYYMM) 不起作用

通过 Google Datastudio,我有 1 个维度,称为createdAt. 我想在我的报告中显示格式YYYYMM

暂定1

1/ 报告正确显示数据: 在此输入图像描述 2/ 将尺寸格式更改createdAt为 YYYYMM 在此输入图像描述

暂定2

1/ 重复维度: 在此输入图像描述

2/ 报告未显示正确的维度格式createdAt YYYYMM在此输入图像描述

相关问题:https://issuetracker.google.com/issues/149668303#comment1

format date looker-studio

4
推荐指数
1
解决办法
2万
查看次数

为每个简化es6代码段

我试图找到一种更好的方法来使用forEach在javascript(es5)中编写此代码段(解析对象).

isCurrentUserIsInSubPeriod(){
    let itemFounded = false
    obj.forEach(data => {
      if (data.check)
        itemFounded = true
    });
    return itemFounded
}
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6

-1
推荐指数
1
解决办法
64
查看次数