小编Sam*_*mmy的帖子

应该在Angular2中正确包含jQuery for Bootstrap 4,考虑架构最佳实践和加载页面时的潜在性能？

我的组件模板中有以下内容:

<div *ngIf="user$ | async as user>...</div>

在上面div我想使用异步管道只订阅一次另一个observable,并user在整个模板中像上面一样使用它.例如,这样的事情是可能的:

<ng-template *ngIf="language$ | async as language>
<div *ngIf=" user$ | async as user>
  <p>All template code that would use both {{user}} and {{language}} would go in between</p>
  </div>
</ng-template>

或者甚至可以在一个声明中合并？

我在Visual Studio代码中打开了以下文件:

@import "~normalize.css/normalize.css";
@import "./fonts.css";
body {
  padding: 0;
  font-family: "Raleway", sans-serif;
}

我希望能够从那里导航到导入的CSS文件.我以为我应该使用类似Cmd/Ctrl + Click的东西,但这不起作用.任何的想法？

这是代码：

export type Period = 'dy' | 'wk' | 'mn' | 'qt' | 'yr';

const periods: Record<Period, string> = {
    dy: 'Day',
    wk: 'Week',
    mn: 'Month',
    qt: 'Quarter',
    yr: 'Year'
  };

当我尝试这样做时：

const key = Object.keys(periods).find(key => periods[key] === 'Day');

我当然得到一个错误，因为periods[key]不能保证它key是正确的类型。我真的应该怎么做？我想到了一个枚举，但我无法进行反向查找。我想要实现的只是一个输入字段，它显示“天”但有一个键dy（等），并且可以将状态设置为正确的键而不是用户选择另一个值时的值。

如果我有以下内容:

<div *ngIf="user$ | async as user" class="container">
  <p>user.name</p>
</div>

当div上面的内容最终出现在屏幕上时,有没有办法可以执行代码？

这是一个沙箱：https : //codesandbox.io/s/wild-sea-h2i0m

这是该沙箱中自动完成的代码：

import React from "react";
import Autocomplete from "@material-ui/lab/Autocomplete";
import Chip from "@material-ui/core/Chip";
import CloseIcon from "@material-ui/icons/Close";
import TextField from "@material-ui/core/TextField";
import { FieldProps } from "formik";

const isEmailValid = (email: string) =>
  /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);

const EmailsField = ({
  field,
  form: { errors, touched, setTouched, setFieldValue },
  ...props
}: FieldProps) => {
  const name = field.name;
  const [value, setValue] = React.useState<string[]>([]);
  const [inputValue, setInputValue] = React.useState("");

  const handleChange = (event: React.ChangeEvent<{}>, emails: string[]) => {
    setTouched({ ...touched, …

不建议直接将 Bootstrap 与 React 一起使用，因为 Bootstrap 的 JavaScript 可能会直接更改 DOM，从而干扰 React 的虚拟 DOM 系统。对于 Angular (2+) 可以说同样的话吗？

目前，我使用以下内容为 RestApi 键入 lambda 函数：

import { APIGatewayProxyEvent, APIGatewayProxyResult } from 'aws-lambda';
export const handler = async (event: APIGatewayProxyEvent): Promise<APIGatewayProxyResult> => {}

这不适用于新的 AWS Gateway HTTP API，其中可以使用event.requestContext.http.method.

我应该使用其他类型吗？

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

使用此代码：

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

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

PS我正在AuthGuard的中使用它canActivate。