двойная кавычка внутри одинарной кавычки в директиве angular1.x не работает

Question

Я создаю угловую директиву, как показано ниже, для отображения логотипа в заголовке.фоновое изображение не появляется, и я сомневаюсь, что это из-за неправильных кавычек внутри одинарной кавычки.Может кто-нибудь, пожалуйста, помогите мне исправить это?

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>

Спасибо

Answer 1

Этой проблемы можно избежать, используя литералы шаблона :

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>`
    };
})

Answer 2

Удалить двойные кавычки из раздела url в style части

style="background:url(/Content/Images/ey_login_logo.png/) left top no-repeat;"