AngularJs 指令 - 添加新的角度属性时重新渲染 html

Question

我的问题基本上是让编译器获得我在指令中添加的新属性。 我正在使用打字稿，我有这样的东西。

public class MyDirectiveScope: ng.IScope
{
    foo: boolean;
}

public class MyDirective implements ng.IDirective
{        
    public restrict = 'A';

    public scope = {
        foo:'=',

    };

    public constructor (protected $log: ng.ILogService)
     {

     }

    link = ($scope: MyDirectiveScope, element: JQuery, attributes: ng.IAttributes)
    {
        if(!$scope.foo)
        angular.element(element).attr("ng-if","false");
    }
}

我调用指令的元素获取了我添加的新属性，但 angular 没有评估这个新属性。例如，如果我有一个 <div> 元素获取这个新属性并且类似于 <div ng-if="false">, 我希望不会显示 div 内的内容。

我在 angular.element(element).css("display", "none") 之前使用过，这很有效，但我真的希望 div 元素根本不在 DOM 中。

Answer 1

应避免动态设置指令属性，这肯定违背了最佳实践。您应该在模板中使用<div ng-if="checkCondition">，并且可以修改checkCondition 函数中的逻辑。即使有一些可能的属性，您也应该将它们全部添加到元素中并将逻辑放在函数中。

如果您必须使用这种方法，您可以使用您需要的属性销毁并重新创建指令，如下所示：

var element = $compile("<my-directive someAttribute=\"someval\"")($scope);

然后，您可以将 element 添加到您的 DOM 中，但您认为合适。