用Typescript编写AngularJS应用是怎样一种感受

Posted 2023-04-23

参考技术A 为了解决用户可能碰到关于"用Typescript编写AngularJS应用是怎样一种感受"相关的问题，突袭网经过收集整理为用户提供相关的解决办法，请注意，解决办法仅供参考，不代表本网同意其意见,如有任何问题请与本网联系。"用Typescript编写AngularJS应用是怎样一种感受"相关的详细问题如下:用Typescript编写AngularJS应用是怎样一种感受
===========突袭网收集的解决方案如下===========
解决方案1：
是一个非常值得学习的代码库，不像Angular2和VSCode是TypeScript抽象层级这么高，属于打开一个文件就可以开始阅读的。加上模块化做得好一般大型的项目，比较难以找准切入点。但是AngularJS是Purejavascript
用Typescript编写AngularJS应用是怎样一种感受
答：随着各种现代浏览器、以及node对ES6的支持，已经有越来越多的ES6特性可以在程序中使用，她们给开发过程带来的便利不言而喻，举个小例子，我想从一个数组里找一些符合条件的数据，放入另一个数组内，过去我们这么写: var list = [], i; for (i = ...
如何使用 TypeScript 编写 AngularJS 的 Controller
答：AngularJS 有许多强大的特性，其中之一便是 Controller。在这篇文章里，我将介绍如何使用 TypeScript 去编写 AngularJS 的 Controller。 Controller 通常用来增强 AngularJS 作用域（Scope） 。当一个 Controller 通过 ng-controller 指令连接到...
如何使用 TypeScript 编写 AngularJS 的 Controller
答：AngularJS 有许多强大的特性，其中之一便是 Controller。在这篇文章里，我将介绍如何使用 TypeScript 去编写 AngularJS 的 Controller。 Controller 通常用来增强 AngularJS 作用域（Scope） 。当一个 Controller 通过 ng-controller 指令连接到...
如何使用 TypeScript 编写 AngularJS 的 Controller
答：AngularJS 有许多强大的特性，其中之一便是 Controller。在这篇文章里，我将介绍如何使用 TypeScript 去编写 AngularJS 的 Controller。 Controller 通常用来增强 AngularJS 作用域（Scope） 。当一个 Controller 通过 ng-controller 指令连接到...
如何看待 Angular 2.0 使用的 AtScript 是 TypeScr...
答：AtScript这门语言是由Google的Angular团队创建的，最直接的目的是用于编写Angular2.0，注意这里为什么说Angular，而不是说AngularJS，是因为Angular还存在一个Dart版本，也就是AngularDart。当前版本的Angular是需要维护JavaScript和Dart两套代...
angularjs和typescript什么关系
答：AngularJS是目前最流行的可用于创建网页应用的javascript框架。而且现在Angular2和TypeScript正在让真正的面向对象开发方式的成为网页开发的主流方式，而且在语法上与Java 8惊人的相似。
angularJS1.X学到一半发现2.0的存在，要不要继续1.X
答：在巴黎举行的ng-europe大会上，Angular团队为与会者介绍了即将到来的AngularJS 2.0版本的细节。新版本对1.x版本进行了重大的颠覆，当前还没有任何迁移指南，此外它还是基于一个名为AtScript的新语言进行开发的。 对于熟悉Angular 1.X版本的开发...
该用什么语言写angularjs 2.0应用
答：Typescript / Javascript
angularJS 1和2的区别
答：angularjs1和2有很大的不同。功能细节就不说了 整体来看，Angular2比AngularJs1.x简单且功能强大，但因为Angular使用TypeScript导致纯前端的开发工程师不容易上手；再加上Angular2与AngularJs1.x差异较大，AngularJs1.x的理念有时反而成为学习An...
angularjs有几种启动方式
答：在巴黎举行的ng-europe大会上，Angular团队为与会者介绍了即将到来的AngularJS 2.0版本的细节。新版本对1.x版本进行了重大的颠覆，当前还没有任何迁移指南，此外它还是基于一个名为AtScript的新语言进行开发的。 对于熟悉Angular 1.X版本的开发...

从 Visual Studio 捆绑 AngularJs TypeScript 应用程序

【中文标题】从 Visual Studio 捆绑 AngularJs TypeScript 应用程序

【英文标题】：Bundling AngularJs TypeScript App from Visual Studio

【发布时间】：2016-02-23 12:47:04

【问题描述】：

我正在使用 TypeScript、AngularJS 和 Bootstrap 创建 Web 应用程序。

为此，我使用 Visual Studio Project Template HTML Application With TypeScript。

项目结构为：

应用程序 模块A 控制器文件夹 controller.ts view.html moduleA.ts 模块B 模块C app.ts 脚本 CSS

App 文件夹包含许多 *.ts 文件，因此我将这些文件合并到 Visual Studio 中的单个文件 my-app.js 中，使用 TypeScript Build > 将 Js 输出文件合并为一个。

并将这个脚本文件包含在 index.html 中。

当然，如果我运行应用程序，它就不起作用。

模块“应用程序”不可用！您要么拼错了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。

我不使用 RequireJs、AMD、Browserify 或其他。

我不知道将 angular 'app' *.js 文件合并到一个文件中是否是一种好习惯。

所以我的问题是：

对于这种情况有什么好的做法？ 我可以将所有 'app' *.ts / *.js 文件捆绑到一个文件中吗？ 我能否在不使用 RequireJs、AMD、Browserify 的情况下使用 Visual Studio 创建工作的单个 *.js 文件。 如果我无法使用 Visual Studio 创建可工作的单个文件，我可以使用 Gulp 来实现吗？

【问题讨论】：

这应该可以。您没有提供任何具体的情况示例来确定您遇到问题的原因，但使用此功能是一种可接受的做法。

@Claies：如果我在 TypeScript Build 中捆绑脚本 > 将 Js 输出文件合并为一个不起作用。我真的不知道。如果我不捆绑脚本应用程序工作。我创建了一个简单的例子。

您是否以正确的顺序组合角度文件？第一个模块和之后的其他相关组件？

【参考方案1】：

您绝对可以将所有 *.ts 文件转换为单个 JS 文件。我不确定 Visual Studio 是如何实现这一点的——我使用 gulp-tsc 模块和 gulp（我使用 Task Runner Explorer extension for VS2013 运行）来做到这一点。

在您的情况下，在编译过程中可能会出现一些错误，这会阻止正确生成单个输出文件......如果您在 VS 中打开详细构建日志记录，您可能会看到这些错误。

或者，您可以自己从命令行 (outputting to a single file) 运行 tsc 并查看是否有任何错误。

您可能需要添加更多的引用路径提示，以便 tsc 知道如何正确转换它。当 A 类扩展 B 并且 ClassA 的源代码在 ClassB 的源代码之前被转译/包含时，我遇到了这个问题。事实证明 tsc 不够聪明，无法识别这种情况，所以我不得不明确地将以下内容添加到 ClassA 的源代码中：

/// <reference path="../foo/bar/ClassB.ts"/>