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

这是密码

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>',
};
});

var-app=angular.module（'umovie-app'）；
应用指令（'rename'，函数（$sce）{
返回{
范围：{
模型：'=模型'，
},
链接：功能（范围、元素、属性）{
变量输入=元素[0]；
scope.trustHtml=$sce.trustAsHtml（scope.model.name）；
$（输入）。单击（函数（）{
元素。添加类（“活动”）；
$（输入）.html（``）。取消绑定（“单击”）；
});
$（输入）.on（'focusout'，function（）{}）；
},
模板：“{{trustHtml}}mode_edit”，
};
});

有人可以告诉我如何在绑定变量时删除由我的

trustHtml

变量生成的双引号

谢谢大家!

---

编辑：结果是，我希望图标与我的

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

blabl模式_编辑

right

类用于将图标与文本对齐

---

谢谢你的帮助！希望它能帮助将来的人

在你看来，它是否真的显示了引号？看起来这只是您浏览器的DOM inspector中的一个图像。这是我的浏览器的DOM的屏幕截图。DOM inspector中的双引号是inspector的一部分，用于向您显示它是为用户显示的文本。这并不表示它们是用户可见的引号。如果是这样，您将看到双引号内的双引号，就像双引号ceptionOkay！所以我的问题不是引号，为什么在

{{{trustHtml}}

之后会有一行新行呢？您需要使用DOM工具来找出为什么它会把它放在单独的一行上。它很可能是一个CSS属性，可能与display属性有关。将文本显示为一个块，强制将图标移到下一行