如何根據角色的屬性顯示和隱藏指令內的元素

Question

我很新的角度。

我創建了一個指令，該指令調用將在頁面的多個部分中重用的特色itens templateUrl ..此部分有時顯示「查看所有itens」按鈕，有時它不顯示它，我想使其通過的指令，這樣的事情：

<featured-itens show-btn='true'></featured-itens>

和裏面的部分，類似的東西

<div class='feat'> 
    <ul> 
     <li>...</li> 
     <li>...</li> 
     <li>...</li> 
    </ul> 
    <a class="btn" ng-show='showBtn === true' /> 
</div> 

JS

app.directive("featured", function() { 
    return { 
    restrict:"E", 
    templateUrl: "/partials/featured.html", 
    }; 
}); 

我怎麼能達到這個結果？

Answer 1

試試這個

HTML

<featured show-btn="true"></featured> 

JS

app.directive("featured", function() { 
    return { 
     restrict: "E", 
     templateUrl: "/partials/featured.html", 
     replace: true, 
     scope: { 
      showBtn: '=?' 
     } 
    }; 
}); 

模板

<div class='feat'> 
    <ul> 
     <li>.gdsfg..</li> 
     <li>..sdfg.</li> 
     <li>..fdgdf.</li> 
    </ul> 
    <a class="btn" ng-show='showBtn === true'> Button </a> 
</div>