小编Rup*_*esh的帖子

如何显示全文并以斜角材料包裹菜单项

我正在尝试制作一个通知系统,所以我正在使用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)

请告诉我该怎么做。

html javascript css angular-material angular

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

更改角度4中选定链接的颜色

我使用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。

请帮我。

html5 css3 angular

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

使用 multer 从客户端获取详细信息后,如何在 NodeJS 中对文件进行 Base64 编码

我将文件详细信息从 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 - 我不想将 …

javascript node.js multer angular

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

标签 统计

angular ×3

javascript ×2

angular-material ×1

css ×1

css3 ×1

html ×1

html5 ×1

multer ×1

node.js ×1