小编Bat*_*ers的帖子

材质单选按钮更改事件Angular 4

我正在尝试使用md-radio-buttons的更改输出,如下所示:

<md-radio-group [(ngModel)]="selected">
    <md-radio-button *ngFor="let a of array" [value]="a"
                 (change)="radioChange()">
        {{a}}
    </md-radio-button>
</md-radio-group>
Run Code Online (Sandbox Code Playgroud)

TS:

selected: string;
filter: any;

radioChange() {
    this.filter['property'] = selected;
    console.log(this.filter);
}
Run Code Online (Sandbox Code Playgroud)

这似乎总是落后于单选按钮一步.即当从无线电A改变选择到无线电B时,它将控制台.log的无线电A的值.

任何帮助将非常感激.

干杯,

P

angular-material2 angular

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

material-ui-pickers示例:TypeError:Object(...)不是函数

我正在尝试使用一个裸项目并按照此处描述的安装和使用步骤来设置最基本的可能的材料UI选择器示例:https : //material-ui-pickers.dev/

我收到以下错误:

TypeError: Object(...) is not a function
Module../node_modules/@material-ui/pickers/dist/material-ui-pickers.esm.js
node_modules/@material-ui/pickers/dist/material-ui-pickers.esm.js:25
  22 | import Tab from '@material-ui/core/Tab';
  23 | import Tabs from '@material-ui/core/Tabs';
  24 | import Paper from '@material-ui/core/Paper';
> 25 | var useStyles = makeStyles(function (theme) {
  26 |   var textColor = theme.palette.type === 'light' ? theme.palette.primary.contrastText : theme.palette.getContrastText(theme.palette.background.default);
  27 |   return {
  28 |     toolbarTxt: {
Run Code Online (Sandbox Code Playgroud)

我遵循的步骤是:

create-react-app material-ui-pickers-demo
Run Code Online (Sandbox Code Playgroud)
yarn add @material-ui/core
Run Code Online (Sandbox Code Playgroud)
yarn add @material-ui/pickers
Run Code Online (Sandbox Code Playgroud)
yarn add @date-io/date-fns
Run Code Online (Sandbox Code Playgroud)
import React, { useState } from "react";
import …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs material-ui material-ui-pickers

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

使用多个分隔符对字符串进行解构

我有以下形式的文件名:

const fn = 'xy_20181023_ABCD.jpg';
Run Code Online (Sandbox Code Playgroud)

我想把它分成变量,x, y, date, data这样:

console.log({x, y, date, data});
// {
//     data: "ABCD.jpg"
//     date: "20181023"
//     x: "x"
//     y: "y"
// }
Run Code Online (Sandbox Code Playgroud)

我知道我可以这样做:

const [temp, date, data] = fn.split('_');
const [x, y] = temp[0]
Run Code Online (Sandbox Code Playgroud)

但我的问题是:是否有可能以某种方式完成任务?奖励积分,如果它仍然易于阅读.

干杯,

P

javascript ecmascript-6

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