小编Ste*_*mez的帖子

Angular:使用 mat-select 时,有没有办法在按 SPACE 按钮时不选择焦点项目?

通过查看,https://v5.material.angular.io/components/select/overview
有几种键盘交互。

  • 键盘交互
  • DOWN_ARROW:聚焦下一个选项
  • UP_ARROW:聚焦上一个选项
  • ENTER 或 SPACE:选择焦点项目

我能够停止整个交互,但我想要的是:
保留所有键盘交互,除了空格键

有办法做到吗?
谢谢。

angular-material angular mat-select mat-option

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

使用react-chartjs-2创建折线图的引用

chart.js我正在尝试创建对我正在使用和构建的图表的引用react-chartjs-2

这是我尝试创建指定类型的引用的行:const chartRef = useRef<Line>(null);

这是我得到的错误:

'Line' refers to a value, but is being used as a type here. Did you mean 'typeof Line'?
Run Code Online (Sandbox Code Playgroud)

我找到了以下文档,但由于我是 TypeScript 的新手,所以我还不知道如何解释它。这是我正在使用的完整代码:

'Line' refers to a value, but is being used as a type here. Did you mean 'typeof Line'?
Run Code Online (Sandbox Code Playgroud)

你能为我指出正确的方向吗?谢谢!

javascript typescript reactjs chart.js

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

如何使 MUI 对话框标题成为 H1 元素,以便可以访问模式

我正在努力使我的应用程序更易于访问,并且正在努力使用 MUI 对话框组件。我正在使用 DialogTitle 组件,它创建一个 H2 元素,但遇到“页面不包含一级标题”的问题。我应该以其他方式创建模式,还是 MUI 对话框无法访问?

import { Dialog, DialogTitle } from '@mui/material';

const MyModal = () => {

    return (
        <Dialog open={true}>
            <DialogTitle>
                My Title
            </DialogTitle>
        </Dialog>
    );
};

export default MyModal;
Run Code Online (Sandbox Code Playgroud)

html javascript accessibility reactjs material-ui

3
推荐指数
2
解决办法
5332
查看次数

获取 Angular 5 中选择元素的值

我有一个汽车品牌的下拉列表,我想将所选汽车品牌的价值传递给方法 getCarModelsByBrand(brand)。任何帮助将非常感激。

<div class="form-group">
      <select (change)="getCarModelsByBrand($event.target.value)" class="form-control" id="sel1">
        <option selected="" value="" selected disabled>Pasirinkite</option>
        <option *ngFor="let brand of brands" value=brand>{{brand}}</option>
      </select>
</div>
Run Code Online (Sandbox Code Playgroud)

typescript angular angular5

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

使用 ChartJs 和 React 设置背景样式(填充)

我想使用 ChartJS 库('react-chartjs-2')在 React 中创建一个折线图,样式为面积图

这就是我想要实现的目标,例如背景(填充),线下方有一些不透明度:

在此输入图像描述

代码:

import React from 'react';
import {
  Chart as ChartJS,
  CategoryScale,
  LinearScale,
  PointElement,
  LineElement,
  Title,
  Tooltip,
  Legend,
} from 'chart.js';
import { Line } from 'react-chartjs-2';
import faker from 'faker';

ChartJS.register(
  CategoryScale,
  LinearScale,
  PointElement,
  LineElement,
  Title,
  Tooltip,
  Legend
);

export const options = {
  responsive: true,
  plugins: {
    legend: {
      position: 'top' as const,
    },
    title: {
      display: true,
      text: 'Chart.js Line Chart',
    },
  },
};

const labels = ['January', 'February', 'March', 'April', 'May', …
Run Code Online (Sandbox Code Playgroud)

javascript charts colors reactjs chart.js

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