熱做NG-顯示沒有屬性

Question

我有一大堆的地方，我需要NG-顯示添加到要隱藏的元素。它可以從代碼中的一個位置完成嗎？

所以不是這個模板：

<tr my-row ng-show="$ctrl.model.toShow()"></tr> 

它應該是：

<tr my-row ></tr> 

，然後在指令：

function myRow(){ 
    return { 
     restrict: 'A', 
     templateUrl: 'my-row.html', 
     .. 
     link = function(scope,el,attrs){ 
      scope.$watch('modle.toShow', function(){ 
        //something here? 
      }) 
     } 

    }; 
} 

Answer 1

進行這些更改的鏈接功能，這會爲您的my-row指令添加一個屬性ng-show。

var app = angular.module('app', []) 
.directive('myRow', function($compile) { 
    return { 
     restrict: 'A', 
     templateUrl: 'my-row.html', 

     link: function (scope, element, attrs) { 
      var attr; 
      element.attr('ng-show', true); 
      var fn = $compile(element); 
      return function(scope){ 
      fn(scope); 
     }; 

     } 
    }; 
}) 

HEre is the plunker