html - 如何从 Angular 中绑定(bind)的字符串中删除双引号？

Question

这是代码

var app = angular.module('umovie-app');

app.directive('renamable', function($sce) {
return {
    scope: {
        model: '=model',
    },
    link: function(scope, elements, attributes) {
        var input = elements[0];

        scope.trustHtml = $sce.trustAsHtml(scope.model.name);

        $(input).click(function() {
            elements.addClass("active");
            $(input).html(`<input type="text" value="${scope.model.name}">`).unbind("click");
        });

        $(input).on('focusout', function() {});
    },
    template: '<a class="renamable">{{ trustHtml }} <i class="material-icons">mode_edit</i></a>',
};
});

有人可以告诉我如何删除围绕我的 trustHtml 生成的双引号绑定(bind)时的变量？

谢谢!

编辑:结果就像，我希望图标与我的 <a></a> 对齐

Answer 1

我用物化类解决了我的问题。这是在导航栏中，有一个类可以使图标与按钮对齐，例如:

<a>Blablabl <i class="material-icon right">mode_edit</i></a>

right类在这里将图标与文本对齐。

感谢您的帮助!希望它将来对某人有所帮助!