📝 AngularJS教程
376篇技术文档📅 最后修改于: 2021-05-13 19:57:51 🧑 作者: Mango
Ant Design是企业级产品的设计模式，可以与Angular，React或Vue等其他前端框架集成。Ant Design官方实现随React一起发布，但可以与其他JavaScript框架一起使用。它是一个开源工具，拥有约50.4K GitHub星，它是世界上第二使用最多的React UI库。许多公司正在使用这种设计模式，例如阿里巴巴，腾讯，滴滴等。蚂蚁设计的特点：支持国际化。丰富的交互式用户界...
📅 最后修改于: 2021-05-13 19:58:22 🧑 作者: Mango
AngularJS中的ng-minlength指令用于设置输入字段的最小长度，即它增加了输入字段的限制。它与HTML中的minlength属性不同，因为前者阻止用户输入的值小于指定的限制，而后者则阻止用户输入。如果输入的输入小于指定的限制，它将使表单无效。句法：其中expression是表示最小限制的数字，低于该最小限制输入无效。示例：此示例使用ng-minlength指令设置字符串的最小长度。输...
📅 最后修改于: 2021-05-13 19:58:43 🧑 作者: Mango
要在计算机上安装Angular 7，您必须在计算机上安装以下内容。安装Visual Studio Code IDE或JetBrains WebStorm。安装Node.js使用npm安装Angle CLI请按照以下步骤设置Angular 7环境：步骤1：安装Visual Studio Code IDE(或JetBrains WebStorm)Visual Studio Code轻便且易于设置，它具...
📅 最后修改于: 2021-05-13 19:59:11 🧑 作者: Mango
div的内容高度可以根据用户要求使用clientHeight和scrollHeight属性动态获取。如果用户想知道实际显示内容所需的空间，包括填充所占用的空间，但不包括滚动条，边距或边框，则用户可以使用以下任何一种过程来返回整个内容的高度。一个元素。使用Element.clientHeight属性使用Element.scrollHeight属性示例1：使用clientHeight属性的div的Co...
📅 最后修改于: 2021-05-13 19:59:41 🧑 作者: Mango
表单是控件的集合，这些控件是输入字段，按钮，复选框，并且可以进行验证即时的。表单用户完成填写字段并移至下一个字段后，便会立即填写该字段得到验证并向用户建议他可能出了错的地方。因此，表单可以由许多控件组成但是，我们将专注于输入栏选框单选框按钮选择框(下拉列表)1)输入栏位：句法：可以添加各种约束条件以进行必要的验证，我们也可以使用place-持有人为用户方便而预定义了输入框，以便该表单具有错误，因此...
📅 最后修改于: 2021-05-13 20:00:06 🧑 作者: Mango
任务是使用ng-repeat指令遍历JS对象(其键和值)。这可以通过使用ng-repeat指令中的括号来明确地向angularJS请求键值对参数来完成。此处，可变键包含对象的键，而值包含对象的值。句法：示例1：在此示例中，我们将使用ng-repeat简单地显示JS对象的所有键和值。在第一次迭代中，键=名称和值=“ GeeksforGeeks”。在第二次迭代中，键=位置和值=“诺伊达印度区136”…...
📅 最后修改于: 2021-05-13 20:00:33 🧑 作者: Mango
AngularJS中ng必需的指令用于指定HTML元素的必需属性。仅当ng-required指令中的表达式返回true时，才需要表单中的输入字段。 <input>，<select>和<textarea>支持它。句法：示例1：本示例使用ng-required指令将form标签的输入文本字段设置为required。输出：输入名称之前：输入名称后：示例2：本示例在选中复选框后使用ng-required指...
📅 最后修改于: 2021-05-13 20:01:18 🧑 作者: Mango
Protractor是为AngularJS和Angular应用程序开发的端到端测试框架。它基本上是针对在真实浏览器中运行的应用程序运行测试，该应用程序像真实用户一样与之交互。在下面的示例中，我们将获取元素的x和y坐标，并检查其是否符合预期。先决条件：Protractor的安装和设置方法：我们将创建一个基本的测试程序，在该程序中，我们将检查元素的x和y坐标是否符合预期。所有Protractor测试都...
📅 最后修改于: 2021-05-13 20:01:38 🧑 作者: Mango
AngularJS中的ng-class-odd指令用于在HTML元素的每一种奇怪外观上指定CSS类。它用于动态绑定每个奇数HTML元素上的类。如果ng-class-odd指令中的表达式返回true，则仅添加该类，否则不添加。要使ng-class-odd指令起作用，必须使用ng-repeat指令。所有HTML元素都支持它。句法：示例：本示例使用ng-class-odd指令选择奇数元素并添加一些CSS...
📅 最后修改于: 2021-05-13 20:02:04 🧑 作者: Mango
JavaScript：Netscape Inc.的“ Brendan Eich”于1990年创建了JavaScript，并将其最初命名为“ LiveScript”。后来，它被重命名为JavaScript。 JavaScript是Web的脚本语言，它使用对象来执行操作并通过向其添加动作来使Web保持活动状态。学习JavaScript的前提条件是HTML和CSS，可以更准确地说是HTML5和CSS3。...
📅 最后修改于: 2021-05-13 20:02:25 🧑 作者: Mango
AngularJS中的angular.equals()函数用于比较两个对象或两个值，无论它们是否相同。如果两个值相同，则返回TRUE，否则将返回FALSE。句法：其中val1和val2是要比较的值或对象。返回值：返回TRUE或FALSE范例1：输出：输入之前：输入后：范例2：输出：原来：输入错误：正确输入：...
📅 最后修改于: 2021-05-13 20:02:48 🧑 作者: Mango
在Angular中，我们可以在两个方向上传输数据，即：内部：传输到子组件，外部：传输到父组件。为了将数据发送到子组件，我们使用属性绑定，而对于后者，我们使用EventEmitter。在本文中，我们将讨论EventEmitter指令以及如何在其中传递2个参数。让我们看一下EventEmitter的源代码：很明显，在emit方法中只能传递一个类型为T的参数，因此我们不能将两个参数直接传递给它。相反，我...
📅 最后修改于: 2021-05-13 20:03:22 🧑 作者: Mango
单击该按钮的任务是从列表中删除该项目。所有这些都应通过使用ng-click完成。这是通过使用splice()方法完成的。该方法的语法在下面给出。splice()函数的语法：splice()函数的示例：输出：语法关键字说明如下：indexno：这是必需的数量。定义是整数，它指定要添加/删除项目的位置。如果为负，则表示从数组末尾开始指定位置。noofitems(n)：这是可选数量。这表示有许多要删除的...
📅 最后修改于: 2021-05-13 20:03:43 🧑 作者: Mango
Protractor是为Angular和AngularJS应用程序开发的端到端测试框架。它以真实用户的身份运行在真实浏览器中，对与之交互的应用程序进行测试。特征：使用浏览器进行测试：Protractor使用本机事件和特定于浏览器的驱动程序与应用程序进行交互。为Angular构建：Protractor是为Angular构建的，因此支持非常出色。自动等待：您不再需要为测试添加等待和休眠。网页完成待处理...