Question

所以我在javascript和jQuery中编写了一个工具，但现在我想把它翻译成Angular。我还没有开始，但我很好奇这会是什么样子。

有人可以将以下代码翻译成Angular类吗？

var Demo = (function(){
    return {
        TryOut: tryOut
    };

    function tryOut(userId, someText){
        console.log(userId);
        console.log(someText);
    }
})();

Demo.TryOut(5, "This is random text");

如果不是一切都正确，那很好。我真的很好奇我的目标是什么，因为我找不到制作返回函数的函数的指南。

顺便在那里添加一些TypeScript，因为这也是我的意图。

Answer 1

类来自ES6而非角度。 Typescript可以轻松输入对象。你的ES6课程看起来像这样：

class Demo {
    tryOut(userId, someText){
        console.log(userId);
        console.log(someText);
    }
}

let demo = new Demo();
demo.tryOut(1, "world");

将生成以下JS代码：

var Demo = /** @class */ (function () {
    function Demo() {
    }
    Demo.prototype.tryOut = function (userId, someText) {
        console.log(userId);
        console.log(someText);
    };
    return Demo;
}());
var demo = new Demo();
demo.tryOut(1, "world");

您可以在下面尝试一下。下拉列表中还有其他学习选项。

https://www.typescriptlang.org/play/index.html

这个函数如何转换为Angular（5）类？

1 个答案: