使用ブール式が

Question

HTML

<div ng-image="Content/Images/Items/{{item.Name}}.png" ng-flag="item.Name == true"> 

JS

application.directive('ngImage', function() { 
return { 
    scope: { 
     ngFlag: '@' 
    }, 
    link: function(scope, element, attrs) { 
     var use = attrs.ngFlag; 

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

VAR "の使用は、" "item.Name == true" のですが、私は真/偽取得たかったのです。それはどうですか？

Answer 1

それ `sより良いカスタムディレクティブの代わりにngのスタイルを使用するには

コントローラー：

$scope.getStyles = function(item) { 
    if (item.Name){ 
     return { 
      'background-image': 'url(Content/Images/Items/' + item.Name +'.png)', 
      'background-size': 'cover' 
     } 
    } 
} 

HTML：

<div ng-style="getStyles(item)"></div> 

Answer 2

補間演算子{{}}は、他の属性と同様に使用します。

ng-flag="{{item.Name == true}}"