代码之家 › 专栏 › 技术社区 › MortenMoulder

角度元素在一行上生成所有HTML

angular-elements angular6 angular

MortenMoulder · 技术社区 · 6 年前

这太烦人了。你们很多人可能都知道, there is a "bug" 对于浏览器来说,处理内联块元素有点奇怪。如果将两个内联块元素相邻放置,它们将有一个不可见的边距,如下所示: http://jsfiddle.net/8o50engu/

然而,如果他们在同一条线上,奇怪的空间就会消失: http://jsfiddle.net/8o50engu/1/

app.module.ts 文件中的StackBlitz链接),我的HTML从我的组件都在一行。这意味着我编写的HTML与输出不同。您可以在这里看到一个示例: https://stackblitz.com/edit/angular-fowosb?file=src%2Fapp%2Fapp.component.html

正如你所看到的,我的元素明显地在不同的行上:

<div>
  <span>
    span#1
  </span>
  <span>
    span#2
  </span>
</div>

这在常规的角度应用程序(而不是角度元素)中工作得很好,所以很明显这是角度元素的问题。

1 回复 | 直到 6 年前

ConnorsFan 6 年前

preserveWhitespaces true ,如下所示,如中所示 this stackblitz . 默认情况下, preservedWhitespaces false

@Component({
  ...
  preserveWhitespaces: true
})
export class MyComponent {
}

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前