小编Sam*_*mmy的帖子

本地化/国际化GraphQL架构的示例

我找不到有关设计包含本地化(多语言)文本的GraphQL架构的任何示例或最佳实践.有任何想法吗?

graphql

6
推荐指数
0
解决办法
264
查看次数

Angular路由器:从navigationbyurl返回的Promise将被忽略

使用此代码:

this.router.navigateByUrl('/login');

我收到以下警告:从navigationbyurl返回的promise被忽略。我想在何时何地兑现承诺?

PS我正在AuthGuard的中使用它canActivate

promise angular-routing angular

6
推荐指数
1
解决办法
5397
查看次数

Reactive Forms双向绑定错误:无法分配给只读属性

我试图通过以下代码实现双向绑定:

export interface User {
  name: string;
  subscribed: boolean;
}

export class UserEditComponent implements OnInit {
  modifiedUser: User;
  userForm: FormGroup;

  ngOnInit() {
    this.userForm = this.fb.group({
      name: ['', Validators.required],
      subscribed: false
    });

    this.route.paramMap.switchMap((params: ParamMap) => {
      return this.userService.getUser(params.get('id'));
    }).subscribe((user) => {
      this.modifiedUser = user;
      this.userForm.setValue({
        name: this.modifiedUser.name,
        subscribed: this.modifiedUser.subscribed
      });
    });

    this.userForm.valueChanges.subscribe((data) => {
      this.modifiedUser.subscribed = data.subscribed;
    });
  }
}
Run Code Online (Sandbox Code Playgroud)
<form [formGroup]="userForm">
  <textarea class="form-control" formControlName="name">{{modifiedUser.name}}</textarea>
  <input type="checkbox" class="custom-control-input" formControlName="subscribed">
</form>
Run Code Online (Sandbox Code Playgroud)

但是,TypeError: Cannot assign to read only property 'subscribed' of object …

angular angular-reactive-forms

6
推荐指数
1
解决办法
793
查看次数

在 Promise 中包装 Auth0 的 parseHash 函数

auth0.js有一个函数,用于解析 URL 哈希片段并从中提取认证结果。我将此函数包装在一个名为loadSession如下的函数中:

public loadSession(): void {
  this.auth0.parseHash((err, authResult) => {
    if (authResult) {
      window.location.hash = '';
      localStorage.setItem('token', authResult.accessToken);
      // TODO (1)
    } else if (err) {
      // TODO (2)
    }
  });
}
Run Code Online (Sandbox Code Playgroud)

如上所示,parseHash将回调函数作为参数,我无法控制它。我想loadSession返回一个在上面Promise解决// TODO (1)和拒绝的问题// TODO (2)。这样我可以做到obj.loadSession().then(() => { // do something if successful }).catch((err) => { // raise error if not })

javascript asynccallback promise typescript auth0

6
推荐指数
1
解决办法
1393
查看次数

对象类型中缺少流属性

Props我的组件有以下流类型:

type Props = {
  // <...>
  update: ({ dates?: DateRange }) => void
};
Run Code Online (Sandbox Code Playgroud)

我还有以下导出类型:

export type SearchContextType = {
  // <...>
  update: ({ dates?: DateRange, location?: Location }) => void
};
Run Code Online (Sandbox Code Playgroud)

当我尝试使用第二种类型将道具传递给第一个组件时,出现以下错误:

错误:(99, 23) 无法创建MyComponent元素,因为对象类型1location中缺少属性,但属性存在于对象类型 [2] 的第一个参数中。update

我理解这个错误,但我的问题是:如何正确解决它?

例子

reactjs flowtype

6
推荐指数
1
解决办法
9482
查看次数

Firebase 身份验证暂存环境

在使用 Firebase 身份验证时,我在文档中找不到如何设置单独的开发(预生产、暂存等)环境。我不想创建和删除任意用户帐户,也不想在开发或测试时使用我的实时提供商发送电子邮件。那有意义吗?

staging test-environments firebase firebase-authentication

6
推荐指数
0
解决办法
158
查看次数

推荐工作时间JSON格式

我想知道以JSON格式表达代理商工作时间的最佳方式是什么.假设该机构每周工作5天(不一定是星期一到星期五),每天工作两班(再次,不一定):从早上9点到下午1点,从下午2点到下午6点.提前致谢!

format json

5
推荐指数
2
解决办法
5073
查看次数

直接访问 FormControl 元素而不是使用 form.get

在 a 中给出以下代码片段FormGroup

<input type="email" class="form-control form-control-lg" formControlName="email" placeholder="email">

无论如何,我是否可以使用引用变量(例如)而不是使用来访问模板中此输入的值(而不是从 .ts 文件中),form.get('email')...这会有什么优点吗?

angular angular-reactive-forms

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

未捕获RangeError:仅在生产时超出最大调用堆栈大小

8月28日更新:下面完全相同的软件包配置,但zone.js 0.8.16不会产生任何错误.知道为什么吗?

编辑:我一直试图找出问题的来源.如果这是一个无限循环,它究竟发生了什么,但我无法破解polyfill或vendor中的代码.

我正在使用Firebase Hosting部署我的Angular应用程序.使用localhost进行编译和测试时,一切正常.但是当我在Firebase Hosting上部署时,我的实时站点永远无法绕过使用Auth0登录,在控制台中无休止地给出了同样的错误.如何确切地找出导致错误的原因?

Uncaught RangeError: Maximum call stack size exceeded
(anonymous) @ polyfills.70fc3f963669a0ddfcd2.bundle.js:1
o.(anonymous function) @ polyfills.70fc3f963669a0ddfcd2.bundle.js:1
(anonymous) @ vendor.bd83d2a24392414468c4.bundle.js:1
_makeRequest @ vendor.bd83d2a24392414468c4.bundle.js:1
_sendProcessedPayload @ vendor.bd83d2a24392414468c4.bundle.js:1
_send @ vendor.bd83d2a24392414468c4.bundle.js:1
_processException @ vendor.bd83d2a24392414468c4.bundle.js:1
_handleStackInfo @ vendor.bd83d2a24392414468c4.bundle.js:1
captureException @ vendor.bd83d2a24392414468c4.bundle.js:1
r @ vendor.bd83d2a24392414468c4.bundle.js:1
L @ polyfills.70fc3f963669a0ddfcd2.bundle.js:1
r @ vendor.bd83d2a24392414468c4.bundle.js:1
L @ polyfills.70fc3f963669a0ddfcd2.bundle.js:1
r @ vendor.bd83d2a24392414468c4.bundle.js:1
L @ polyfills.70fc3f963669a0ddfcd2.bundle.js:1
r @ vendor.bd83d2a24392414468c4.bundle.js:1
L @ polyfills.70fc3f963669a0ddfcd2.bundle.js:1
r @ vendor.bd83d2a24392414468c4.bundle.js:1
L @ polyfills.70fc3f963669a0ddfcd2.bundle.js:1
r @ vendor.bd83d2a24392414468c4.bundle.js:1
L @ polyfills.70fc3f963669a0ddfcd2.bundle.js:1
r …
Run Code Online (Sandbox Code Playgroud)

firebase-hosting auth0 zonejs angular-cli angular

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

使用 React Refs 触发命令式动画

从文档中,有一个 Refs 用例:

Triggering imperative animations.

有人可以提供一个关于如何做到这一点的例子吗?在使用 Ref 将 div 滚动到视图中后,我试图将用户的注意力吸引到 div 上,我认为这可能是一个理想的用例,也许吧?

css-animations reactjs js-scrollintoview

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