📝 AngularJS教程
376篇技术文档📅  最后修改于: 2021-05-13 20:48:06        🧑  作者: Mango
开始之前,我们需要了解与摘要循环相关的一些术语。它们是AngularJs的监视,监视计数和监视列表。AngularJs监视:它是AngularJs Framework提供的,用于跟踪范围变量及其值的更改。手表由AngularJs Framework自动创建。它通常用于数据绑定,并且由AngularJs Framework决定哪些变量。为手表创建的自定义功能称为手表侦听器。观看次数:如果观看次数低于...
📅  最后修改于: 2021-05-13 20:48:41        🧑  作者: Mango
angular的加载策略决定了当应用程序运行到浏览器中时如何加载应用程序模块。在Angular中,我们有三种加载类型:急切加载,延迟加载和预加载。默认情况下,Angular会紧随其后加载,即,一旦应用程序开始在浏览器中下载,模块就会开始在浏览器中加载。您还可以将某些模块设置为延迟加载,即,只有在明确调用它们之前,模块才会开始加载。除了这两种加载策略外,我们还有第三种加载类型,即预加载策略。在确定要...
📅  最后修改于: 2021-05-13 20:49:02        🧑  作者: Mango
AngularJS API用于比较,迭代和转换对象。基本AngularJS API包括angular.isString()angular.lowercase()angular.uppercase()angular.isNumber()1. angular.isString()用于检查对象是否为字符串,如果对象为字符串则返回true,否则返回false。例子:输出:2. angular.lowerc...
📅  最后修改于: 2021-05-13 20:49:31        🧑  作者: Mango
在开始在angular中使用jQuery之前,我们需要在系统上安装它。现在基本上有两种安装jQuery的通用方法:注意:在开始本教程之前,您必须了解此处使用的软件是Microsoft Visual Studio代码,其中已安装NodeJ和typescript以与angular一起使用。使用NPM方法:现在要使用NPM方法安装jQuery,我们需要通过在VS Code Terminal运行该命令来创...
📅  最后修改于: 2021-05-13 20:49:58        🧑  作者: Mango
Web开发是一个快速发展的领域。今天引入的一项技术必将在几个月内过时。以前,网站以前是静态的,几乎没有动画或CSS。但是,香草JavaScript的引入彻底改变了网站过去的外观和函数。但是如前所述,很快,用户就厌倦了,开始寻找新鲜的东西,开箱即用。那时AngularJS进入市场并彻底改变了网站的函数。单页应用程序(SPA)是使用AngularJS创建的。 AngularJS中大约有30种内置服务。...
📅  最后修改于: 2021-05-13 20:50:19        🧑  作者: Mango
Angular Material是一个由Angular团队开发的UI组件库,用于为台式机和移动Web应用程序构建设计组件。为了安装它,我们需要在项目中安装angular,一旦安装,您可以输入以下命令并下载。 <mat-slider>标记在我们项目中需要滑块时使用。安装语法:方法:首先,使用上述命令安装角材。完成安装后,从app.module.ts文件中的’@ angular / material ...
📅  最后修改于: 2021-05-13 20:50:42        🧑  作者: Mango
ngShow和ngHide是AngularJS中的两个ng指令,分别用于显示和隐藏元素。 ngShow用于通过将div选项卡链接到脚本中的布尔变量来显示它。如果变量的值为true,则显示该项目,否则该项目保持隐藏状态,并且在ngHide情况下反之亦然。ng-show的示例:此示例演示ngShow的工作方式。输出:同样,如果ng-show值设置为false,则它将消失。ng-hide的示例:此示例演...
📅  最后修改于: 2021-05-13 20:51:18        🧑  作者: Mango
AngularJS是一个JavaScript开源前端框架,主要用于开发单页Web应用程序(SPA)。它是一个不断发展壮大的框架,为开发Web应用程序提供了更好的方法。与其他前端框架相比,这是印度使用最多的框架。AngularJS问题的完整列表如下:AngularJS简介Bootstrap和AngularJS之间的区别NodeJS和AngularJS之间的区别VueJS和AngularJS之间的区别...
📅  最后修改于: 2021-05-13 20:51:45        🧑  作者: Mango
结构化指令负责DOM元素的结构和布局。它用于隐藏或显示DOM上的内容。使用“ *”可以轻松识别结构指令。每个结构指令前面都带有一个“ *”符号。以下是一些带有示例的结构化指令构建:1. * ngIf:ngIf用于根据分配给它的表达式值显示或隐藏DOM元素。表达式值可以为true或false。句法:在上面的语法中,布尔值代表true或false值。因此,它导致以下两种有效语法:* ngIf的示例:输...
📅  最后修改于: 2021-05-13 20:52:12        🧑  作者: Mango
任务是在页面上显示微调框,直到来自API的响应出现为止。在这里,我们将制作一个简单的CSS微调器,将其加载到API的数据来了您也可以选择自举程序微调器,也可以自己制作微调器。先决条件:您将需要一些知识,以便从API发出Http get()请求并获取数据。在这里,您将需要一个用于获取数据的API。还可以创建伪造的API,并可以使用数据进行显示。我们已经有一个伪造的API,其中包含以下数据:方法:必需...
📅  最后修改于: 2021-05-13 20:52:46        🧑  作者: Mango
AngularJS中的ng-if指令用于根据表达式删除或重新创建HTML元素的一部分。 ng-if与ng-hide不同,因为它可以完全删除DOM中的元素,而不仅仅是隐藏元素的显示。如果其中的表达式为false,则删除该元素;如果为true,则将该元素添加到DOM。句法:如果expression返回true,则创建该元素;如果expression返回false,则该元素被完全删除。示例1:本示例在单...
📅  最后修改于: 2021-05-13 20:53:11        🧑  作者: Mango
任何应用程序的性能都是决定这个世界上用户体验的关键因素之一。如果性能低下,则应用程序将无法为用户实现其真正价值。因此,鼓励在编码过程中采用各种实践以在生产环境中实现更高的性能。同样,Angular框架还提供了各种选项来在运行时实现更高的性能。其中一些是AOT编译,捆绑,缩小等。在AOT编译中,Angular编译器在部署应用程序之前运行,从而减小了应用程序的整体大小。但这不是Angular框架默认情...
📅  最后修改于: 2021-05-13 20:53:37        🧑  作者: Mango
Array.join()方法所述array.join()方法是在JavaScript一个内置函数,其用于将阵列的元件连接成一个字符串的字符串.The元件将由指定的分隔符和它的默认值被分离是逗号(,)。句法:Array.push()方法array.push()函数用于推入数组中的一个或多个值。此函数通过添加到数组中的元素数来更改数组的长度。该函数的语法如下:句法:参数:此函数可以包含与要插入数组的元...
📅  最后修改于: 2021-05-13 20:54:00        🧑  作者: Mango
AngularJS中的ng-mouseleave指令用于在特定HTML元素上发生鼠标离开事件时应用自定义行为。当鼠标离开HTML元素中的特定位置时,可用于显示弹出警报。所有HTML元素都支持它。句法:范例1:htmlhtml输出:在Mouseleave之前:在Mouseleave之后:范例2:html输出:在Mouseleave之前:在Mouseleave之后:...
📅  最后修改于: 2021-05-13 20:54:23        🧑  作者: Mango
任务是显示过滤的ng-repeat数据的长度。在这里,我们将使用别名表达式来解决此问题。方法:为了显示过滤后的ng-repeat数据的长度,我们使用一个别名表达式。我们为用于过滤ng-repeat数据的变量创建别名,并在每时每刻显示别名的长度。句法:例子:解释:在这里,我们正在显示学生的详细信息,并且有一个搜索框可以按学生的姓名进行搜索。现在,我们将搜索框的输入绑定到AngularJS searc...