📅  最后修改于: 2021-05-13 19:42:41        🧑  作者: Mango

让我们来看一下有关AngularJS的一些有趣的事实或功能：1. MVC架构MVC指的是Model View Architecture，这是开发应用程序的产品示例。模型层处理有关应用程序的信息。视图层显示此信息，控制器将模型和视图层连接起来。在琐碎的MVC结构和其他语言中，通常需要将应用程序划分为这些段，并编写代码以将它们彼此关联，老实说，这确实是很麻烦的工作。在AngularJS中，您只需要将其...

📅  最后修改于: 2021-05-13 19:44:00        🧑  作者: Mango

orderBy过滤器是用于角度js的便捷工具。orderBy渠道鼓励您对展览品进行排序。当然，它将按顺序请求对字符串进行排序，并在数字请求中对数字进行排序。句法：参数说明：表达式：用于确定请求。很好，它可能是字符串，作品或集群。反转：是自由裁量权。如果希望以相反的顺序显示数据，请确保参数中的反向条件设置为true。示例：我们通过名称进行排序输出 ：示例：当我们通过“-”和“ +” orderBy遍...

📅  最后修改于: 2021-05-13 19:44:35        🧑  作者: Mango

介绍：Angular Material是一个由Angular团队开发的UI组件库，用于为台式机和移动Web应用程序构建设计组件。为了安装它，我们需要在项目中安装angular，一旦安装，您可以输入以下命令并下载。 <mat-list>标记用于显示项目或记录的列表。安装语法：方法：首先，使用上述命令安装角材。完成安装后，从app.module.ts文件中的’@ angular / material ...

📅  最后修改于: 2021-05-13 19:44:58        🧑  作者: Mango

介绍：在Angular 6中，事件处理用于监听和捕获所有事件，例如单击，鼠标移动，击键等。它是Angular中的一项重要功能，无论大小如何，它都可用于每个项目中。句法：语法说明：可以使用HTML元素，例如<button>标记，input标记等。在事件中，我们可以使用出现的许多事件，例如(单击)，(更改)等。我们需要以字符串提供函数名称，并且需要在ts文件中编写实现。方法：根据以上示例，使用HTML...

📅  最后修改于: 2021-05-13 19:45:46        🧑  作者: Mango

在本文中，我们将看到如何限制用户在日期字段中手动输入日期。方法：首先，我们需要编写用于输入的代码，并且需要在HTML文件中给出其类型作为日期。然后为了限制用户手动输入日期，我们可以使用onkeydown事件。在onkeydown事件中，我们需要返回false，以便我们可以限制用户手动输入日期。为了达到上述目的，我们需要在ts文件中编写函数并返回false。由于我们限制用户正常输入日期，因此用户只能...

📅  最后修改于: 2021-05-13 19:46:26        🧑  作者: Mango

要提交有角度的表单，我们有以下选择：创建一个按钮以提交表单。分配密钥以提交表格或者我们都可以做。在本教程中，我们将看到如何使用特定键(在本例中为Enter)提交表单。方法：我们可以使用angularkeydown事件将Enter键用作我们的提交键。在form标签内添加keydown指令。创建一个函数，一旦按下Enter键就提交表单。将keydown事件分配给该函数。例子：让我们创建一个同时包含按钮...

📅  最后修改于: 2021-05-13 19:47:30        🧑  作者: Mango

可以使用AngularJS中的ng-model过滤ng-repeat值，方法是使用输入字段的值作为过滤器中的表达式。我们可以在输入字段上设置ng-model指令以过滤ng-repeat值。以下示例说明了该方法：示例1：根据ng-model过滤输入文本ng-repeat值。此过滤器将仅显示匹配城市的名称输出：示例2：根据ng-model过滤输入文本ng-repeat值。通过应用过滤器将每种语言大写之...

📅  最后修改于: 2021-05-13 19:48:06        🧑  作者: Mango

AngularJS中的模板只是一个HTML文件，其中填充或丰富了诸如属性和指令之类的AngularJS内容。指令是一个标记元素，用于根据特定属性或类来呈现其行为。 Angular中的模型和控制器与模板结合在一起，可以操纵用户在浏览器中看到的视图。 Angular模板还可以容纳CSS，表单控件，过滤器和表达式。模板有两种类型：静态模板动态模板以下示例说明了这两个模板：静态模板：使用脚本标签定义静态模...

📅  最后修改于: 2021-05-13 19:48:28        🧑  作者: Mango

在此示例中，我们将看到在angularJS中更改日期后如何刷新应用程序。方法：首先，我们需要编写代码以在HTML文件中显示日期选择器。我们可以通过将输入类型指定为日期来实现。完成输入类型后，我们需要在“ onchange”事件上声明一个函数，以便无论何时更改或修改日期，都将重新加载应用程序。在HTML文件中声明函数，我们需要在ts文件中编写函数实现。在函数实现中，我们可以使用DOM的window属...

📅  最后修改于: 2021-05-13 19:49:05        🧑  作者: Mango

在本文中，我们将看到如何在AngularJS中单击按钮将复选框设置为选中状态。方法：方法是使用ng-checked来选中DOM中的复选框。在第一个示例中，通过按钮选中了一个复选框，在第二个示例中，通过按钮选中了多个复选框。ng-model用于绑定复选框。范例1：输出：范例2：输出：...

📅  最后修改于: 2021-05-13 19:49:28        🧑  作者: Mango

JavaScript：JavaScript是一种轻量级的，面向对象的脚本语言，用于创建具有HTML交互效果的动态HTML页面。它是一种解释型脚本语言，其代码仅在Web浏览器中运行，为了在浏览器之外执行和运行代码，我们可以使用Node.js。它也被称为浏览器的语言，可用于客户端开发以及服务器端开发。它由Netscape的Brendan Eich开发，并于1995年首次发布。JavaScript最初是...

📅  最后修改于: 2021-05-13 19:49:53        🧑  作者: Mango

简介：ngIf指令用于显示或隐藏角度应用程序的部分。可以将其添加到任何标签，它是常规的HTML标签，模板或选择器。这是一个结构指令，意味着它包括基于约束为布尔值的条件的模板。当表达式的值为真时，它将运行/显示“ then”子句中给出的模板。或者，当表达式的计算结果为false时，它将显示“ else”子句中给出的模板。如果else子句中没有任何内容，则默认情况下将显示为空白。句法：它在内部创建两个...

📅  最后修改于: 2021-05-13 19:50:18        🧑  作者: Mango

在AngularJs中，我们需要使用angular-cookies.js来设置，获取和清除cookie。您可以为此使用实时CDN链接：https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-cookies.js我们需要在您的控制器中包含$ cookies，它必须具有Get，Set和Clear方法才能分别获取，设置和清除cook...

📅  最后修改于: 2021-05-13 19:50:40        🧑  作者: Mango

在使用AngularJS时，我们可能会遇到一个希望用户切换上下文并再次重新呈现所有内容的时期。AngularJS提供了一种方法，通过该方法我们可以重新呈现甚至重新加载整个页面。因此，在本文中，我们将看到如何重新加载路由，而不仅仅是重新加载整个页面或应用程序，因为刷新整个页面的机会很小，这可能会不时出现问题，我们还将看到如何重新加载路由。从服务器或从缓存本身重新加载整个页面。 AngularJS主要...

📅  最后修改于: 2021-05-13 19:51:10        🧑  作者: Mango

在过去的几年中，Angular成为开发单页应用程序的最著名的前端框架之一。大多数人认为Angular只能在客户端使用，但由于Angular中有一个概念，它解释了一部分应用程序的一部分，该部分解释了要在服务器端呈现的应用程序，然后再将其下载到浏览器中。这个概念称为Angular Universal。让我们详细讨论它，以及如何在您的应用程序中实现它。在转向Angular Universal之前，让我们...