gpt4 book ai didi

angularjs - 有没有办法让 TypeScript 在客户端的 Plunkr 中转译?

转载 作者:搜寻专家 更新时间:2023-10-30 21:07:20 25 4
gpt4 key购买 nike

对于我的团队,我们处于项目之间,但考虑到 Angular 2 仍在烘焙中,我正在对 TypeScript 以及如何使用 Angular 1.x 进行一些基础研究。我通常使用 Plunkr 来制作小型原型(prototype),这样我们就可以在技术演示和其他事件中看到一些东西是如何工作的并在现场弄乱它。

不过,问题是我试图在 this plunker 中制作一个非常基本的 Angular 1.x + TS 设置。 ,但在使其正常工作时遇到了问题。我认为一些问题是客户端转译,但我确信这不是我唯一搞砸的事情。具体...

查看代码:

<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
</head>

<body>
<div ng-controller="testController as ctrl">
<h1>{{ ctrl.testMethod() }}</h1>
</div>

<!-- Scripts... -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
<script type="text/typescript" src="app.ts"></script>
<script type="text/typescript" src="controllers.ts"></script>
<script type="text/typescript" src="registrations.ts"></script>

<!-- Required for web transpilation... -->
<script type="text/javascript" src="//niutech.github.io/typescript-compile/js/typescript.min.js"></script>
<script type="text/javascript" src="//niutech.github.io/typescript-compile/js/typescript.compile.js"></script>
</body>
</html>

我从 this StackOverflow question 得到客户端转译,但该问题的解决方案是“只需在 Visual Studio 中完成!”或“转换你的 TypeScript,然后将 JavaScript 插入 Plunkr”,这对我不起作用,因为我的团队正在考虑首先过渡到 TypeScript——我们需要能够使用 TypeScript,因此原型(prototype)可以提供帮助我们了解它是如何工作的。此外,该问题指出转译部分实际上已经过时了。

问题:首先,是否有更新的客户端 TypeScript 到 JavaScript 转译器,我可以在我的原型(prototype) plunker 中链接到它?其次,关于如何让 Angular 1 与 TypeScript 一起工作,是否有更好的资源可供引用?我非常非常幸运地找到任何关于如何使 TypeScript 与 Angular 1.x 一起工作的内容......

最佳答案

编辑:原来你可以在 plnkr 上使用 typescript ,我刚刚从下面的评论中了解到 http://embed.plnkr.co/suu7Yg/preview

对于隐式模式,所有这一切都需要创建一个具有适当扩展名的文件,即 script.tsstyle.scss,然后在头部用预期的编译扩展,即 script.jsstyle.css。非常酷,plnkr!


我相当确定 Plunker 不支持 typescript (当然我可能是错的)(编辑:是的我错了,只是不明显这是一个功能)。不过,我可以针对您要完成的任务提供一个可能的解决方案。

尝试将您的小规模原型(prototype)和演示转移到 codepen。它们都是我一直使用的相当可比的应用程序,并且 codepen 目前支持 typescript ,所以如果你需要用它来玩的话,你就知道了。

它隐藏在小齿轮的后面,连同外部js文件包括: enter image description here

打开 typescript :

enter image description here

繁荣。很高兴进行现场演示。希望对您有所帮助!

关于angularjs - 有没有办法让 TypeScript 在客户端的 Plunkr 中转译?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33529588/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com