小编SKO*_*OLZ的帖子

如何删除呈现的HTML中的额外包装元素?

我3天前开始学习角度,所以我很陌生.我还使用angularJS和React开发应用程序,我想我不明白角度5组件是如何完全工作的.如果我创建一个自定义文本的自定义按钮(我不是说这应该以这种方式完成,但这是一个显示我的观点的简单示例),如下所示:

<app-button>
  <app-text>
    My Text
  </app-text>
</app-button>
Run Code Online (Sandbox Code Playgroud)

渲染的DOM导致:

<app-button>
  <button>
    <app-text>
      <span>
        My Text
      </span>
    </app-text>
  </button>
</app-button>
Run Code Online (Sandbox Code Playgroud)

这是不可读的,我想知道是否有办法删除这个包装元素,只是放置组件布局替换标签导致以下结构:

<button>
  <span>
    My Text
  </span>
</button>
Run Code Online (Sandbox Code Playgroud)

如果没有办法删除它们你的建议是什么?谢谢!

components angular-template angular angular5

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

标签 统计

angular ×1

angular-template ×1

angular5 ×1

components ×1