📅  最后修改于: 2020-12-09 05:24:33        🧑  作者: Mango

在本章中，您将学习如何在Aurelia框架中使用表单。文字输入首先，我们将了解如何提交输入表单。该视图将有两种输入形式的用户名和密码。我们将使用value.bind进行数据绑定。app.html注册函数将仅从输入中获取用户名和密码值，并将其记录在开发人员的控制台中。选框以下示例将演示如何使用Aurelia框架提交复选框。我们将创建一个复选框，并将选中的值绑定到我们的视图模型。app.html表单提...

📅  最后修改于: 2020-12-09 05:24:50        🧑  作者: Mango

在本章中，您将看到一些Aurelia引用的简单示例。您可以使用它来创建对特定对象的引用。您可以创建对元素或属性的引用，如下表所示。参考表Sr.NoExample & Description1ref = “myRef”Used for creating a reference to DOM element.2attribute-name.ref = “myRef”Used for creating ...

📅  最后修改于: 2020-12-09 05:25:11        🧑  作者: Mango

路由是每个应用程序的重要组成部分。在本章中，您将学习如何在Aurelia框架中使用路由器。第1步-创建页面在前面的章节中，我们已经创建了一个components文件夹。如果尚未创建，则应将其放在src文件夹中。在此文件夹中，我们将创建主目录和关于目录。在主文件夹中，我们需要创建视图和视图模型文件。我们还需要关于页面的视图和视图模型。注意-您也可以手动创建上述所有文件夹。第2步-页面接下来，我们需要...

📅  最后修改于: 2020-12-09 05:25:28        🧑  作者: Mango

在本章中，您将学习如何使用aurelia-history插件。第1步-安装插件该插件已作为标准配置的一部分提供。如果您将aurelia.use.standardConfiguration()设置为手动配置的一部分，则可以开始使用。main.js第2步-使用历史记录我们将使用上一章(Aurelia-路由)中的示例。如果要设置向后或向前导航的功能，则可以将历史对象与back()和forward()方法...

📅  最后修改于: 2020-12-09 05:25:46        🧑  作者: Mango

在本章中，您将学习如何在Aurelia框架中使用CSS动画。第1步-查看我们的视图将具有一个将被动画化的元素和一个触发animateElement()函数的按钮。app.html第2步-视图模型在我们的JavaScript文件中，我们将导入CssAnimator插件并将其作为依赖项注入。animateElement函数将调用动画器以开始动画。动画将在下一步中创建。步骤3-样式我们将在styles ...

📅  最后修改于: 2020-12-09 05:26:09        🧑  作者: Mango

Aurelia提供了一种实现对话框(模态)窗口的方法。在本章中，我们将向您展示如何使用它。第1步-安装对话框插件对话框插件可以从命令提示符窗口安装。为了使该插件正常工作，我们需要使用手动引导。我们在“配置”一章中对此进行了介绍。在main.js文件中，我们需要添加aurelia-dialog插件。main.js第2步-创建文件夹和文件首先，我们将创建一个名为modal的新目录。让我们将其放置在co...

📅  最后修改于: 2020-12-09 05:26:34        🧑  作者: Mango

Aurelia提供了i18n插件。在本章中，您将学习如何使用此插件本地化您的应用程序。第1步-安装插件打开命令提示符窗口，然后运行以下代码来安装i18n插件。我们还需要安装后端插件。第2步-创建文件夹和文件在项目根文件夹中，我们需要创建一个语言环境目录。在此文件夹中，您需要为所需的任何语言添加新文件夹。我们将在其中创建带有translation.js文件的en。第3步-使用插件您需要使用手动引导程...

📅  最后修改于: 2020-12-09 05:26:53        🧑  作者: Mango

在本章中，您将学习如何设置和使用aurelia-tools。第1步-根文件夹让我们创建一个根文件夹，其中将保留所有Aurelia应用程序。第2步-Aurelia工具在aurelia-projects文件夹中，我们将从github克隆aurelia-tools存储库。第3步-创建一个新项目要启动新的Aurelia项目，建议的方法是使用aurelia-skeletons之一。让我们从git中克隆Aur...

📅  最后修改于: 2020-12-09 05:27:13        🧑  作者: Mango

在本章中，您将学习如何在Aurelia框架中使用捆绑。步骤1-安装先决条件您可以通过在命令提示符下运行以下命令来安装aurelia-bundler。如果未安装gulp，则可以通过运行以下代码进行安装。您还可以从npm安装require-dir软件包。第2步-创建文件夹和文件首先，在应用程序根目录中创建gulpfile.js文件。您将需要构建文件夹。在此目录中，添加另一个名为task的文件夹。您需要...

📅  最后修改于: 2020-12-09 05:27:32        🧑  作者: Mango

在本章中，您将学习如何添加Aurelia上下文调试器作为chrome扩展。注意-添加扩展名之前，您需要具有aurelia-tools文件。如果没有，可以查看“工具”一章。第1步-打开Chrome扩展程序打开chrome扩展程序最简单的方法是在浏览器的URL栏中运行以下代码。第2步-添加扩展由于Chrome商店尚无法使用此扩展程序，因此请选中developermode复选框，然后点击加载未打包的扩展...

📅  最后修改于: 2020-12-09 05:27:49        🧑  作者: Mango

社区是选择框架时要考虑的最重要因素之一。 Aurelia为客户提供了出色的支持。在本章中，您将学习如何在遇到困难时获得帮助。Aurelia-官方文件你可以找到这个链接奥里利亚文档-https://aurelia.io/docs.htmlAurelia Gitter-频道如果您需要快速解答，可以随时向aurelia gitter频道提交问题。该频道可以在以下链接上找到：https://gitter....

📅  最后修改于: 2020-12-09 05:28:11        🧑  作者: Mango

Aurelia是一个新框架，因此，最佳实践尚未建立。在本章中，您将找到一些有用的准则。开始一个新项目奥雷利亚提供奥雷利亚的骨骼。有几个骨架可供选择。 Aurelia背后的团队正在积极支持框架，并且它们始终与框架的最新版本保持同步。奥雷利亚骷髅framework-es2016-webpack允许您编写ES2016代码，并使用npm进行程序包管理和webpack进行捆绑。framework-es201...

📅  最后修改于: 2020-12-09 05:28:29        🧑  作者: Mango

以下资源包含有关Aurelia的其他信息。请使用它们来获得有关此方面的更深入的知识。Aurelia上的有用链接Aurelia–Aurelia参考。关于奥雷利亚的有用的书要在此页面上注册您的网站，请发送电子邮件至...

📅  最后修改于: 2020-12-09 05:28:42        🧑  作者: Mango

Aurelia是一个用于Web和移动应用程序开发的现代开源UI框架。它使您可以编写干净的模块化JavaScript。该框架遵循简单的约定，并专注于Web标准。...