綁定指令範圍對HTML的價值

Question

我正在使用AngularJS指令。這個指令有一些自定義屬性。我將使用該指令是這樣的：

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

show-links是，我想默認爲true如果開發者沒有明確設置它的屬性。在試圖建立這個指令，我有以下的JavaScript：

.directive('myDirective', function() { 
    return { 
    restrict:'E', 
    transclude: true, 
    scope: { 
     showLinks: '=?' 
    }, 
    templateUrl: '/directives/my-directive.html', 
    controller: function ($scope) { 
     if (angular.isUndefined($scope.showLinks)) { 
     $scope.showLinks = true; 
     console.log('show links? ' + $scope.showLinks); 
     } 
    } 
    }; 
}); 

我的HTML我-directive.html如下所示：

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

當該指令進行評估，我可以看到在控制檯窗口中「顯示鏈接？真實」。但是，在屏幕上，我看不到「真實」打印在「你好」旁邊。就像HTML在showLinks處於範圍之前得到渲染一樣。我究竟做錯了什麼？

Answer 1

我記得分離範圍有問題 - 解決辦法是添加任何東西，這是在隔離範圍對象爲指令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>