在线 AngularJS 编辑器 - 编写、运行和分享代码

<!doctype html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script> </head> <body> <div> <label>姓名:</label> <input type="text" ng-model="yourName" placeholder="在此输入姓名"> <hr> <h1>你好，{{yourName}}！</h1> </div> </body> </html>

直接从您的浏览器尝试这款在线 AngularJS 编辑器（版本 AngularJS v1.3.3）编辑、运行和分享您的 Angularjs 代码。这款在线编译器可方便您使用最新版本 AngularJS v1.3.3 来编辑和编译您的 Angularjs 代码。

如何使用在线 AngularJS 编辑器？

编写并执行代码

直接在“源代码”选项卡下方编写您的程序（或者粘贴进去）。
如果您想保存您的程序，请转到“项目”菜单并保存它。
您可以直接执行您的程序，而无需保存它，只需单击“执行”按钮即可。

如何输入用户输入？

最新版本的在线 AngularJS 编辑器允许在运行时通过终端窗口提供程序输入，这与您在自己的计算机上运行程序时完全相同。因此，只需运行程序，然后从右侧提供的终端窗口输入您的程序输入（如有）。

键盘快捷键

以下是我们编辑器的关键字快捷键

快捷键	描述
⌘ + Enter	运行程序
⌘ + S	保存项目（需要登录）
⇧ + ⌘ + S	另存为项目
⌘ + P	新建项目
⌘ + G	分享项目
⌘ + Z	撤消编辑
⌘ + Y	恢复编辑
⌘ + A	全选文本
⌘ + X	剪切选定的文本
⌘ + C	复制选定的文本
⌘ + V	粘贴已复制的文本
⌘ + F	搜索文本
⌘ + ⌥ + F	替换文本

快捷键	描述
Ctrl + Enter	运行程序
Ctrl + S	保存项目
Shift + Ctrl + S	另存为项目
Ctrl + G	分享项目
Ctrl + Z	撤消编辑
Ctrl + Y	恢复编辑
Ctrl + A	全选文本
Ctrl + X	剪切选定的文本
Ctrl + C	复制选定的文本
Ctrl + V	粘贴已复制的文本
Ctrl + F	搜索文本
Ctrl + H	替换文本

保存并分享项目代码

在线保存 Angularjs 项目

您可以将 Angularjs 项目保存在我们这里，以便以后访问该项目。要保存项目，您需要向我们创建一个登录 ID。因此，在保存项目之前，请使用此页面右上角给出的链接创建登录 ID。

在线分享 Angularjs 项目

你可以使用此功能与老师、同学和同事分享你的 Angularjs 代码。只需点击“分享”按钮，它将创建一个短链接，可以通过电子邮件、WhatsApp 甚至社交媒体来分享。当一个共享链接在将近 3 个月内没有活动时将被删除。

编辑器的更多功能

主题 – 你可以从“设置”菜单下的“编辑器主题”选项更改当前编辑器的主题。
字体大小 – 你可以从“设置”菜单下的“字体大小”选项更改编辑器/编译器的字体大小。
制表符大小 – 你可以从“设置”菜单下的“制表符大小”选项更改制表符大小。
显示/隐藏行号 – 你可以使用“设置”菜单下的“显示行号”或“隐藏行号”选项显示/隐藏代码行号。
以及更多。

为什么要使用在线 AngularJS 编辑器？

使用在线 AngularJS 编辑器运行你的 Angularjs 代码有几个好处

平台独立性：你可以在不考虑操作系统的情况下从任何设备运行你的代码。
方便：你不需要安装任何内容来使用它。
无需设置：运行你的代码无需额外设置。
更新版本：我们的在线编译器/编辑器/终端是最新版本。