我正在尝试制作一个通知系统,所以我正在使用mat-menufrom角材料。我增加了的宽度,menu-item但问题是它没有显示完整的内容。它仅显示一行中的文本。
但如果文本超出了该行,我想将文本换行
我的 compontent.html
<button mat-button [matMenuTriggerFor]="notification"><mat-icon>add_alert</mat-icon></button>
<mat-menu #notification="matMenu" [overlapTrigger]="false" class="my-full-width-menu">
<button mat-menu-item style="white-space: normal">
Learn one way to build applications with Angular and reuse your code and abilities to build
apps for any deployment target. For web, mobile web, native mobile and native desktop.
</button>
<button mat-menu-item>Item 2</button>
</mat-menu>
Run Code Online (Sandbox Code Playgroud)
并且CSS是
.mat-menu-panel.my-full-width-menu {
max-width: none;
width: 100vw;
margin-left: -8px;
margin-top: 24px;
}
Run Code Online (Sandbox Code Playgroud)
请告诉我该怎么做。
我使用Bootstrap 4制作了标题,但我希望当我单击任何链接时,链接会更改其颜色并保持选中状态。
<nav>
<div class="collapse navbar-collapse justify-content-end" id="nav-content">
<ul class="navbar-nav" id="nav">
<li class="nav-item">
<a class="nav-link" routerLink="">About</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/experience">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/skills">Skills</a>
</li>
<ul>
<div>
<nav>
Run Code Online (Sandbox Code Playgroud)
我不知道下一步该怎么做,我不想使用jquery。
请帮我。
我将文件详细信息从 Angular 发送到我的 app.js
onFileSelected(event: EventEmitter<File[]>) {
const file: File = event[0];
console.log(file);
const formData = new FormData();
formData.append('file', file);
const r = new XMLHttpRequest();
r.open('POST', '/user/upload');
r.send(formData);
}
Run Code Online (Sandbox Code Playgroud)
然后在app.js中
const multer = require('multer');
const upload = multer({dest:'./pics/'});
router.post('/upload', upload.single('image'), (req,res) => {
const body = req.file;
console.log(body);
const base64Data = new Buffer(JSON.stringify(body)).toString("base64");
console.log(base64Data);
}
Run Code Online (Sandbox Code Playgroud)
和我的console.log(body)给予
{ fieldname: 'image',
originalname: '21329726_1866651723650020_188839340_o.jpg',
encoding: '7bit',
mimetype: 'image/jpeg',
destination: './pics/',
filename: '5146c9818ff517c426e34ad84ff3513f',
path: 'pics/5146c9818ff517c426e34ad84ff3513f',
size: 94093
}
Run Code Online (Sandbox Code Playgroud)
现在问题来了——
1 - 我不想将 …