Объявление переменной

Question

Есть ли способ объявить url переменной с другим способом? Потому что он не работает для моего кода. Я нашел этот код отсюда. Но это работает отлично для этой скрипки - http://jsfiddle.net/jaimem/aSjwk/1/

app.directive('backImg', function(){ 
    // Runs during compile 
    return { 
     // name: '', 
     // priority: 1, 
     // terminal: true, 
     // scope: {}, // {} = isolate, true = child, false/undefined = no change 
     // controller: function($scope, $element, $attrs, $transclude) {}, 
     // require: 'ngModel', // Array = multiple requires, ? = optional,^= check parent elements 
     // restrict: 'A', // E = Element, A = Attribute, C = Class, M = Comment 
     // template: '', 
     // templateUrl: '', 
     // replace: true, 
     // transclude: true, 
     // compile: function(tElement, tAttrs, function transclude(function(scope, cloneLinkingFn){ return function linking(scope, elm, attrs){}})), 
     link: function($scope, element, attrs) { 
      var url = attrs.backImg; 
      element.css({ 
       'background-image': 'url(' + url +')', 
       'background-size' : 'cover' 
      }); 
      console.log(url) 
     } 
    }; 
}); 

HTML

<div back-img='{{el.images}}.png'></div> 

Answer 1

При установке свойства CSS в значение URL, вы должны обернуть URL в кавычках.

Попробуйте это вместо этого.

element.css({ 
     'background-image': 'url("' + url +'")', 
     'background-size' : 'cover' 
}); 

Answer 2

Похоже, ваш url должен быть surl, поскольку вы помещаете значение backImg в surl.

Попробуйте изменить это.

var turl = element.css({ 
      'background-image': 'url(' + surl +')', 
      'background-size' : 'cover' 
     });