一种将ng-bind-html与其他属性一起使用的方法

Question

除了ng-bind-html之外，angularJs还能拦截html代码吗？ 在我的代码中，我发现使用ng-bind-html时出现问题，因为在我的css页面中，我使用data-title属性定义了一个样式。 所以现在我需要data-title属性，因为我将它用于我的css，而且我需要ng-bind-html拦截html代码，但问题是数据标题和ng-bind-html不起作用在我的例子中一起。

<p data-title="{{user.name}}" ></p>
<p ng-bind-html="user.name"></p>

.card.opened  p:after{
content:attr(data-title);
transform: rotateY( 180deg );
display: block;
}

更新：

要解释更多我正在尝试做的事情： 我有一张反向卡，当我点击卡片时，它应该返回并显示带有格式化文本的内容（数据标题），以便管理卡片的返回我使用上面的css（带数据标题） ）并拦截我正在使用ng-bind-html的HTML代码。