如何从Angular中绑定的字符串中删除双引号？

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变量周围的角度生成的双引号？

谢谢！

编辑：结果就像是，我希望图标与我的<a></a>

对齐

Answer 1

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

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

right类用于将图标与文本对齐。

感谢您的帮助！希望将来有人会帮助你！