angularjs：只有在ngStyle上設置背景圖像，如果url被定義

Question

我有一個可以容納圖像的url（bgUrl）的範圍的屬性。現在我想用這個圖片作爲'div'的背景圖片。但是，如果屬性未定義，我想使用由bg-image類定義的默認圖像。現在我可以像

<img ng-show="bgUrl" ng-src="bgUrl"/> 
<div ng-hide="bgUrl" class="bg-image"/> 

但是，我想將它合併爲一個元素。我試過這樣的事情

​​

我剛剛從谷歌複製了一些代碼（不知道這是否能工作）。有一點很明顯，但這不起作用:) 什麼是解決這個問題的好方法，我的解決方案能工作嗎？

Answer 1

正確的做法是一個指令方式：

app.directive('bg', function() { 
    return { 
     link: function(scope, element, attrs) { 
      if(scope.bgUrl){ 
      element.css("background-image","url("+scope.bgUrl+")"); 
      } else { 
      element.addClass("bg-default");    
      } 
     } 
    } 
}); 

請看下圖：http://plnkr.co/edit/xYEjpp?p=preview