TypeScript中的指令，编译（前/后）的等价物是啥？

Posted 2023-03-13

【中文标题】TypeScript中的指令，编译（前/后）的等价物是啥？

【英文标题】：What is the equivalent for directive, compile (pre/post) in TypeScript?TypeScript中的指令，编译（前/后）的等价物是什么？

【发布时间】：2014-11-29 21:35:33

【问题描述】：

我有一个问题，指令的等价物是什么：编译（前/后）？

javascript 中的示例：

angular.module('app').directive('checkBox', function () 
  return 
      //... my directive options

      compile: function () 
           return function () 
               pre: function (scope) 
               post: function (scope) 
           
      
  
);

什么是 TypeScript 等价物？

【问题讨论】：

Typescript 只是 Javascript，所以它是一样的。您可能只想用 ng.IScope

注释范围类型

【参考方案1】：

compile 的返回值不正确。你应该返回一个对象而不是一个函数：

compile: function () 
           return  // no `function ()`
               pre: function (scope) 
               post: function (scope) 
           
      

此代码 sn-p 将与 TypeScript 一样工作。

【讨论】：

错了什么？你的回答太模糊了。请改正。

Basarat 是说从编译函数返回的值应该是一个对象，而不是一个函数。如果你看他的例子，那就很清楚了。您正在返回 function() ... 您应该返回一个对象 ...

它与我的问题有什么关系？相关的

【参考方案2】：

相当于：

public compile = (element: JQuery, attrs: angular.IAttributes, transclude: any): DirectivePrePost => 
            return 
                pre: ($scope: any, element: JQuery, attrs: angular.IAttributes) => 

                ,
                post: ($scope: any, element: JQuery, attrs: angular.IAttributes) => 

                
            ;
        

【参考方案3】：

如果您使用来自http://definitelytyped.org/tsd/的参考

好像

compile = (tElem: ng.IAugmentedJQuery, tAttrs: ng.IAttributes, transclude: ng.ITranscludeFunction): ng.IDirectivePrePost => 
            return 
                pre: (scope: IOrderDetailDirScope, iElem: ng.IAugmentedJQuery, iAttrs: ng.IAttributes) => 

                ,
                post: (scope: IOrderDetailDirScope, iElem: ng.IAugmentedJQuery, iAttrs: ng.IAttributes) => 

                
            ;
        ;