我们正在添加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) 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。这该怎么做?
任何帮助,将不胜感激!
这是我的嵌套对象
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) 情感风格被添加到故事书的标题中,如下所示
<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 问题?我是否错过了任何故事书文档,找不到任何相关信息。
我正在尝试添加多个表单字段,我想连续添加 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
我想在“你叫什么名字”和“你好”之间留有空格
我怎样才能实现这个目标?任何帮助将不胜感激!