Javascript 将指令范围值绑定到HTML

我正在研究AngularJS指令。此指令具有一些自定义属性。我将使用如下指令：

<my-directive show-links="false" />

My-directive.HTML中的我的HTML如下所示：

<div><h1>Hello! {{showLinks}}</h1></div>
<div ng-if="showLinks == true"">
  <a href='#'>do something</a>
</div>

你好！{{showLinks}}
我记得隔离范围有问题-解决方案是将隔离范围对象中的任何内容添加到指令HTML代码本身中，如下所示：

.directive('widgetRecentEntries', function(){
        return {
            restrict: "E",
            replace: true,
            scope: {
                recents: "=recents"
            },
            templateUrl: "ngapp/js/tpl/widget-recent-entries.html"
        };
    })

指令HTML/模板：

<dl class="dl-horizontal flip-in" ng-repeat="item in recents" recents="recents">
    <dt>
    <a href="/{{item.seo_name}}.html">
        <img src="{{item.logo_url}}" alt="" width="80">
    </a>
</dt>
<dd>
    <p><a href="/{{item.seo_name}}.html">{{item.name}}</a></p> 
</dd>
</dl>



尝试使用
编译
而不是
链接
。它在另一个阶段中使用。如果我不使用作用域：
{showLinks:'=？'}
，我会得到一个运行时错误。@user70192尝试这样放置（您的指令HTML代码）：
忽略ng的语法，如果。。。我认为在我上面显示的指令中，在单词“Hello！”旁边会显示true或false。然而，什么也没有显示出来。
<dl class="dl-horizontal flip-in" ng-repeat="item in recents" recents="recents">
    <dt>
    <a href="/{{item.seo_name}}.html">
        <img src="{{item.logo_url}}" alt="" width="80">
    </a>
</dt>
<dd>
    <p><a href="/{{item.seo_name}}.html">{{item.name}}</a></p> 
</dd>
</dl>