angularjs - angular ng-show または ng-hide をディレクティブ テンプレート内で動作させることができません

Question

Web サービスは値を返します... 返される値が == 'N' の場合、html 要素を非表示にしたいと思います。私の問題は、テンプレート内で ng-hide と ng-show を機能させることができないことです。他の類似の質問を調べましたが、修正がうまくいきませんでした。紛らわしい部分は、レンダリングされたページを見ると、 ng-show ステートメントが正しく見えることです。

ここに私のHTMLがあります：

<span five-star-img value="appHeader.star1"></span>
<span five-star-img value="appHeader.star2"></span>

これが私の指示です：

angular.module('myApp')
.directive('fiveStarImg', function() {
    return {
       template: '<img ng-hide="{{showStar(value)}}"/>',
        restrict: 'A',
        replace: true,
        scope: {
            value: '=',
            isize: '@'
        };                  


        scope.showStar = function(value) {
            if (value == 'N') {
               return true;
            } else {
               return false;
            }
        };
    };
 });

Answer 1

または{{}}を使用する場合は必要ありません。ng-hideng-show

template: '<img ng-hide="showStar(value)"/>'うまくいくはずです