📝 AngularJS教程
376篇技术文档📅  最后修改于: 2021-05-13 20:04:18        🧑  作者: Mango
此处的任务是确保用户在Textarea中输入足够的单词。该按钮将根据客户端或用户输入的字数来启用或禁用。在这里,字数限制将由项目或应用程序的管理员来设置。如果字数介于Admin设置的参数之间,则该按钮将保持启用状态。如果字数超过限制或小于限制,则它将保持禁用状态。示例:在这种方法中,我们将参数设置为5到20个字之间的字数。在此,字数为1,不在5-20字范围内,因此按钮将被禁用。在这里,字数为5,因...
📅  最后修改于: 2021-05-13 20:04:56        🧑  作者: Mango
$ scope充当AngularJs中的内置对象。它由应用程序数据和方法组成。 $ scope充当控制器和视图(HTML)之间的链接。$ scope用于传输数据。$ watch:AngularJs对象中的Scope具有$ watch事件,当更改或更改模型属性时,该事件会显示在图片中。当从视图中的程序的某个点创建数据绑定到$ scope对象上的变量的数据绑定时,将在AngularJs内部创建一个监视...
📅  最后修改于: 2021-05-13 20:05:20        🧑  作者: Mango
AngularJS控制器在AngularJS应用程序中起着重要作用。所有AngularJS应用程序主要依靠控制器来控制该应用程序中的数据流。基本上,它控制的AngularJS应用程序和控制器的数据是Javascript对象,通过标准JavaScript对象构造器创建的。ng-controller指令定义了应用程序控制器。在AngularJS中,控制器由Javascript构造函数定义,并且在定义控...
📅  最后修改于: 2021-05-13 20:05:43        🧑  作者: Mango
任务是在用户单击链接时通过在角度组件之间进行路由来启用角组件之间的路由,它将被导航到与所需组件相对应的页面链接。让我们知道Angular中的路由Angular 8路由:Angular 8路由器有助于在用户操作触发的页面之间导航。当用户单击链接或从浏览器地址栏中输入URL时,就会进行导航。该链接可以包含对将要定向用户的路由器的引用。我们还可以通过角度路由通过链接传递其他参数。方法:创建一个Angul...
📅  最后修改于: 2021-05-13 20:06:05        🧑  作者: Mango
AngluarJS中的ng-show指令用于显示或隐藏指定的HTML元素。如果ng-show属性中的给定表达式为true,则将显示HTML元素,否则将隐藏HTML元素。所有HTML元素都支持它。句法:示例1:本示例在选中复选框后使用ng-show指令显示HTML元素。输出:在选中复选框之前:选中复选框后:示例2:本示例使用ng-show指令显示输入的数字是否为5的倍数。输出:...
📅  最后修改于: 2021-05-13 20:06:33        🧑  作者: Mango
可以使用自定义JavaScript函数通过ng-click更新任何字段。为此,我们可以在HTML(通常是按钮)中创建一个clickable对象,并在其上附加一个ng-click指令,以调用此自定义函数。 AngluarJS中的ng-click指令用于单击元素时应用自定义行为。它可以用于显示/隐藏某些元素,也可以在单击按钮时弹出警报。句法:示例1:本示例在单击按钮后调用一个函数来更改字段值。输出:在...
📅  最后修改于: 2021-05-13 20:07:00        🧑  作者: Mango
在angular2中,具有自身逻辑和数据的组件被视为“视图”。数据绑定是将数据值与其相应表示形式进行组合的过程。对于组件,可以直接将字符串值作为字符串字面量或通过将字符串字面量存储在变量中来传递字符串值。有3种方式将字符串值传递给angular2中的组件。字符串值绑定在组件的模板部分中描述。将字符串值从其类传递给组件:在这里,消息变量将从类的构造函数或使用角度事件绑定(用户输入)获取其值。句法:示...
📅  最后修改于: 2021-05-13 20:07:21        🧑  作者: Mango
Angular Material是一个由Angular团队开发的UI组件库,用于为台式机和移动Web应用程序构建设计组件。为了安装它,我们需要在项目中安装angular,一旦安装,您可以输入以下命令并下载。<mat-progress-spinner>和<mat-spinner>标记用于指示事件或活动的进度。根据类型,它们以圆形方式移动。安装:方法:首先,使用上述命令安装角材。完成安装后,从app....
📅  最后修改于: 2021-05-13 20:07:42        🧑  作者: Mango
AngularJS中的angular.isArray()函数用于在引用为数组的情况下返回TRUE,在引用不是数组的情况下为FALSE。句法:返回值:如果该值是一个数组,则返回TRUE,否则将返回FALSE。范例1:输出:范例2:输出:...
📅  最后修改于: 2021-05-13 20:08:05        🧑  作者: Mango
在本文中,我们将看到如何使用AngularJS在下拉菜单中显示数组元素。有时我们需要显示动态获取的数据,而这正是ngFor功能进入现场的地方。我们可以遍历数组,应用条件并轻松显示数据。使用ngFor:NgFor是内置的模板指令,可轻松遍历数组或对象等对象并为每个项目创建模板。句法:先决条件:必须预先安装NPM。环境设置:安装角度:创建一个新的Angular项目:通过运行项目检查安装。您应该在htt...
📅  最后修改于: 2021-05-13 20:08:34        🧑  作者: Mango
Angular Material是一个由Angular团队开发的UI组件库,用于为台式机和移动Web应用程序构建设计组件。为了安装它,我们需要在项目中安装angular,一旦安装,您可以输入以下命令并下载。安装语法:解释:<垫子卡>是一个内容容器,可用于在主题的上下文中插入文本,照片和操作。在Angular Material中,<mat-card>具有许多属性,我们可以使用这些属性来构建简单的卡。...
📅  最后修改于: 2021-05-13 20:08:58        🧑  作者: Mango
AngularJS中的ng-options指令用于构建带有选项的HTML元素并将其绑定到模型属性。它用于在<选择>列表中指定<选项>。它是专门为填充下拉列表中的项目而设计的。 <supported>元素支持它。句法:示例1:本示例使用ng-options指令显示option元素。输出:选择元素之前:选择元素后:示例2:本示例使用ng-options伪指令隐藏或显示元素。输出:选择隐藏元素之前:选择...
📅  最后修改于: 2021-05-13 20:09:21        🧑  作者: Mango
在本文中,我们将学习如何使用AngularJS中的按钮更改HTML5 Canvas的字体。借助单击字体,用户可以更改字体属性,无论是字体大小还是字体样式。句法:对于字体大小(相应地更改字体大小):对于字体样式(相应地更改字体样式):范例1:输出:前:后:范例2:输出:...
📅  最后修改于: 2021-05-13 20:09:41        🧑  作者: Mango
AngularJS数字过滤器用于将数字转换为字符串或文本。我们还可以定义一个限制,以显示十进制数字。数字过滤器将数字四舍五入为指定的十进制数字。句法:参数值:它包含单个参数值分数值,该数值为数字类型,用于指定小数位数。示例1:此示例格式化数字并将其设置为小数点后两位的分数。输出:示例2:此示例格式化数字并将其设置为小数点后三位的小数。输出:...
📅  最后修改于: 2021-05-13 20:10:04        🧑  作者: Mango
介绍:Angular Material是一个由Angular团队开发的UI组件库,用于为台式机和移动Web应用程序构建设计组件。为了安装它,我们需要在项目中安装angular,一旦安装,您可以输入以下命令并下载。 <mat-progress-bar>标记用于显示进度条。进度条用于指示特定任务的状态。安装语法:方法:首先,使用上述命令安装角材。完成安装后,从app.module.ts文件中的’@ a...