Angular 在模板4中使用样式/类

我正在尝试设置搜索输入字段的样式，其中子位置的别名显示在左侧，而parent.name以下拉方式显示在每个子位置的最右侧

我已经阅读了一些使用document.getElementById（）并向其添加样式的相关文章。但这对我不起作用的原因是，我使用带有自定义指令的html输入来显示要选择的子位置列表

这就是我想做的

temp.push({
 ...
alias: `<div>
         <p style="float:left">${eachSubLoc.alias}</p> 
         <p style="float:right">${this.titleCase.transform(eachSubLoc.parent.name)}</p> 
       </div>`,
});

temp.push({
...
别名：`
${eachSubLoc.alias}
${this.titleCase.transform（eachSubLoc.parent.name）}
`,
});

我尝试在一个模板文本中使用HTML，该文本的工作方式如图所示，但我无法向标记添加样式，如“float:left”等。。 是否需要在应用程序中执行其他操作才能访问模板文本中的样式

我使用的版本是Angular 4

---

任何线索将不胜感激。谢谢。

您使用的是材质设计还是其他类似的UI库？是的，我使用的是Angular Material 2.0.0-beta.8。但我无法升级它，因为它会导致prod构建出现问题