小编Ram*_*raj的帖子

如何在 Storybook Webpack 配置中为情感生成样式添加 CSP 随机数?

我们正在添加style src 'self'到 HTML 页面,情感正在动态生成样式到标题,如下所示

<head>
    <style data-emotion>
        ...
    </style>
    <style data-emotion>
        ...
    </style>
    <style data-emotion>
        ...
    </style>
    <style data-emotion>
        ...
    </style>
    ...
</head>
Run Code Online (Sandbox Code Playgroud)

如何使用下面的故事书 webpack 配置为上述样式生成随机数

const path = require('path');

// Export a function. Accept the base config as the only param.
module.exports = {
  webpackFinal: async (config, { configType }) => {
    // `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
    // You can change the configuration based on that.
    // 'PRODUCTION' is used when building …
Run Code Online (Sandbox Code Playgroud)

emotion content-security-policy webpack storybook css-in-js

7
推荐指数
0
解决办法
1403
查看次数

如何使用角管从最后一个索引中切片数字?

import { Component } from '@angular/core';
@Component({
  selector: 'string-app',
  template: `
           <h3>String Example</h3>
       {{myStr | slice:3:7}} <br/>
       {{myStr | slice:3:-2}} <br/>
       {{myStr | slice:6}} <br/>
       {{myStr | slice:-6}} <br/>          
         ` 
})
export class StringSlicePipeComponent {
    myStr: string = "abcdefghijk";
} 

output.
    String Example
    defg
    defghi
    ghijk
    fghijk 
Run Code Online (Sandbox Code Playgroud)

就我而言,我的字符串将始终以 3 位数字结尾。如何切片这 3 位数字

例子

my string : abcdef123, ahdvvhvhv456 
Run Code Online (Sandbox Code Playgroud)

我想从最后切出 123 和 456。这该怎么做?

任何帮助,将不胜感激!

pipe slice angular

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

如何简化嵌套对象到对象数组的转换?

这是我的嵌套对象

var arr = [{
    "children": [{
        "children": [{
            "children": [],
            "Id": 1,
            "Name": "A",
            "Image": "http://imgUrl"
        }],
        "Id": 2
        "Name": "B",
        "Image": "http://imgUrl"
    }],
    "Id":3,
    "Name": "C",
    "Image": "http://imgUrl"
}]
Run Code Online (Sandbox Code Playgroud)

我想将上面的内容转换为以下格式

[{
    "Name": "C",
    "Id": 3,
    "Image": "http://imgUrl"
}, {
    "Name": "B",
    "Id": 2,
    "Image": "http://imgUrl"
}, {
    "Name": "A",
    "Id": 1,
    "Image": "http://imgUrl"
}]
Run Code Online (Sandbox Code Playgroud)

我写了下面的代码来做到这一点

    var newArr = []
    function getNestedObj(obj){

        if(obj.length){
            for ( var i=0; i<obj.length; i++){
                var newObj = {};
                newObj.Name = obj[i].Name;
                newObj.Id = obj[i].Id; …
Run Code Online (Sandbox Code Playgroud)

javascript arrays json object

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

如何将CSP随机数添加到故事书情感主题生成的样式中?

情感风格被添加到故事书的标题中,如下所示

<head>
    <style data-emotion>
        ...
    </style>
    <style data-emotion>
        ...
    </style>
    <style data-emotion>
        ...
    </style>
    <style data-emotion>
        ...
    </style>
    ...
</head>
Run Code Online (Sandbox Code Playgroud)

由于故事书中情感添加到标题的样式,因此引发了 CSP 错误。

Emotion 有一个关于如何向样式添加随机数的文档 - https://emotion.sh/docs/@emotion/cache#nonce-string

但是我们如何将这个随机数添加到故事书添加的主题中呢?

在这种情况下如何添加随机数/避免 CSP 问题?我是否错过了任何故事书文档,找不到任何相关信息。

emotion typescript reactjs preact storybook

5
推荐指数
0
解决办法
1190
查看次数

如何在 mat-form-field 元素中的下划线类之间添加空格?

我正在尝试添加多个表单字段,我想连续添加 2 个表单字段,但我无法在表单字段之间添加空格(无法分隔下划线)

 <li>
    <mat-form-field>
      <input matInput [(ngModel)]="name" placeholder="What's your name?">
    </mat-form-field>
    <mat-form-field>
      <input matInput [(ngModel)]="name" placeholder="hello">
    </mat-form-field>
  </li>
Run Code Online (Sandbox Code Playgroud)

Stackblitz:https://stackblitz.com/edit/angular-rqczqy

我想在“你叫什么名字”和“你好”之间留有空格

我怎样才能实现这个目标?任何帮助将不胜感激!

forms angular-material angular angular-material-5

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