有沒有簡單的方法來擴展angularjs中的屬性指令？

Question

我想定製ng-if，但找不到應該如何完成的任何好例子。

什麼我的目標是：

<div my-if="someText">....</div> 

我想，要擴大到

<div ng-if="true|false">....</div> 

其中true|false取決於someText。是否有捷徑可尋？

Answer 1

要用ng-if代替指令，需要重新編譯。我得到它的工作最簡單的方法是這樣的：

(function() { 
    angular.module('enheter').directive('toggleIf',['$compile', function($compile) { 
      return { 
       restrict: 'A', 
       compile: function(el,attr) { 
        var toggleName = attr.toggleIf; 
        var toggleOn = toggleName === "sometext"; 
        el.attr('ng-if', toggleOn); 
        el.removeAttr('toggle-if'); 
        var fn = $compile(el); 
        return function(scope) { 
         fn(scope); 
        }; 
       } 
      }; 
     }]); 
})(); 

該指令上面首先得到toggleIf屬性的值。定義toggleOn的值的部分將更加複雜，但這顯示了我的目標。然後，我只需將ng-if添加到該元素並刪除toggle-if。如果toggle-if未被移除，則會有無限循環，因爲對$compile的調用將一次又一次地執行此功能。

Answer 2

<div ng-if="showText ? true : false">....</div> 

但是如果你的showText是一個布爾值，它會做同樣的事情。