我想输出一个格式化的名称字符串与姓氏粗体字体.就像这样:

LASTNAME,名字

在Angular中,我通常会在HTML模板中这样做:

<strong>{{ lastname | uppercase }}</strong>, {{ firstname }}

但由于有strong个标签,它会自动在标签后面插入一个"空格",结果是:

LASTNAME,名字

那么我如何才能防止额外的space打印在HTML模板中呢?

推荐答案

实际上,我无法复制的问题,请找到下面的CSS摆脱任何额外的空间.如果没有,请与复制的问题共享stackblitz,您需要判断该特定strong标记上的元素并判断计算选项卡,其中添加了额外的空间

HTML

<div>
  <strong>{{ lastname | uppercase }}</strong>
  <span>, {{ firstname }}</span>
</div>

ts

import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
import { bootstrapApplication } from '@angular/platform-browser';
import 'zone.js';

@Component({
  selector: 'app-root',
  imports: [CommonModule],
  templateUrl: './main.HTML',
  standalone: true,
})
export class App {
  name = 'Angular';

  lastname = 'Lastname';
  firstname = 'Firstname';
}

bootstrapApplication(App);

stackblitz

Angular相关问答推荐

如何在服务器端获取具有angular 17 ssr的查询参数?

单元测试 case 模拟store 中的行为主体

如何在ANGLING v17中使用鞋带样式组件?

在RxJS和ANGING中处理多个API调用

Angular NG5002错误无效的ICU消息和意外字符EOF

如何处理后端删除元素后元素列表的刷新

无法绑定到formControl,因为它不是input的已知属性

如何将模块导入独立指令

有没有办法订阅部分 BehaviorSubject 值的变化?

Summernote 文本区域的输入字段文本验证失败

刷新页面导致 401 错误-Angular 8

RxJS - .withLatestFrom 的多个来源

如何以Angular 2 获取当前路由自定义数据?

如何停止在 ngOnInit() 之前调用的 ngOnChanges

Angular 没有可用于依赖类型的模块工厂:ContextElementDependency

在Angular2的 Select 列表中设置最初 Select 的项目

Angular2:如果 img src 无效,则显示占位符图像

Angular 2 单元测试 - @ViewChild 未定义

如何在 Angular CLI 的构建时插入内部版本号或时间戳

如何使用无头浏览器运行测试?