如何根据角色的属性显示和隐藏指令内的元素

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>