在Angular 7中，如果在组件的模板中使用了元素，会出现模板错误。这是因为在Angular中，组件的模板只能包含Angular的指令和组件，而不能直接包含HTML元素。

要解决这个问题，你可以使用Angular的指令来包装要使用的元素。下面是一个示例：

首先，在你的组件的模板中，使用一个ng-container元素来包裹你要使用的元素，然后使用ngTemplateOutlet指令来将元素显示出来。

然后，在你的组件的类中，使用ViewChild装饰器来获取对ngTemplate的引用，并将其指定为一个类属性。

import { Component, ViewChild, TemplateRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
  @ViewChild('myElement', {static: false}) myElement: TemplateRef;
}

通过这样的方式，你就可以在组件中使用元素了，而不会出现模板错误。