javascript - angular1.x 指令中的单引号内的双引号不起作用

标签 javascript css angularjs

我正在创建一个如下所示的 Angular Directive(指令),以在标题中显示 Logo 。背景图像没有出现,我怀疑这是因为单引号内的引号错误。谁能帮我解决这个问题吗?

angular.module("Common")
            .directive("mainHeader", [
                function () {
                    /// <summary>Markup for the main header section</summary>
                    return {
                        restrict: "E",
                        template: 
    '<header class="row"' +
        '<div class="col-md-12 logo-container">' +
            '<div class="logo" style="background:url(""/Content/Images/ey_login_logo.png""/) left top no-repeat;"></div>' +
        '</div>' +      
    '</header>'
                    };
                }
            ])

我得到的上述代码的输出是:

<div class="logo" style="background:url(" "="" content="" images="" ey_login_logo.png""="" )="" left="" top="" no-repeat;"=""></div>

谢谢

最佳答案

Remove double quotes from the url section in style part

style="background:url(/Content/Images/ey_login_logo.png/) 左上无重复;"

关于javascript - angular1.x 指令中的单引号内的双引号不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50581545/

相关文章:

javascript - 带有 ng-repeat 的 ng-click 不适用于直接表达式(不是函数)

angularjs - 如何告诉 Angular2 忽略嵌入的 Angular1 应用程序?

javascript - Angular 间隔仅运行一次

javascript - 以 Angular 触发 dblclick 事件

javascript - 使用 href Jquery 的值更新输入

php - 如何制作正则表达式以使用 php 从以下代码中抓取复杂数组

javascript - 当鼠标处于事件状态(即单击时)如何在 Canvas 单元格中填充颜色?

html - css/html 表格边框

jquery 将绝对子项的高度设置为父项

html - 在 Option 标记中对齐字符串的某些部分