使用此代码:
this.router.navigateByUrl('/login');
我收到以下警告:从navigationbyurl返回的promise被忽略。我想在何时何地兑现承诺?
PS我正在AuthGuard的中使用它canActivate。
我试图通过以下代码实现双向绑定:
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 …
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 })
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
我理解这个错误,但我的问题是:如何正确解决它?
在使用 Firebase 身份验证时,我在文档中找不到如何设置单独的开发(预生产、暂存等)环境。我不想创建和删除任意用户帐户,也不想在开发或测试时使用我的实时提供商发送电子邮件。那有意义吗?
我想知道以JSON格式表达代理商工作时间的最佳方式是什么.假设该机构每周工作5天(不一定是星期一到星期五),每天工作两班(再次,不一定):从早上9点到下午1点,从下午2点到下午6点.提前致谢!
在 a 中给出以下代码片段FormGroup:
<input type="email" class="form-control form-control-lg" formControlName="email" placeholder="email">
无论如何,我是否可以使用引用变量(例如)而不是使用来访问模板中此输入的值(而不是从 .ts 文件中),form.get('email')...这会有什么优点吗?
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)从文档中,有一个 Refs 用例:
Triggering imperative animations.
有人可以提供一个关于如何做到这一点的例子吗?在使用 Ref 将 div 滚动到视图中后,我试图将用户的注意力吸引到 div 上,我认为这可能是一个理想的用例,也许吧?
angular ×4
auth0 ×2
promise ×2
reactjs ×2
angular-cli ×1
firebase ×1
flowtype ×1
format ×1
graphql ×1
javascript ×1
json ×1
staging ×1
typescript ×1
zonejs ×1