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>

如何根据带有角度的属性在指令中显示和隐藏元素

1 个答案: