📝 AngularJS教程

376篇技术文档
  使用AngularJS单击按钮后如何更改按钮颜色?

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

创建了一个HTML按钮,任务是在AngularJS的帮助下更改按钮的背景色。方法:在这种方法中,我们将尝试更改按钮的类或ID,而这些类/ ID的CSS将更改按钮的背景色。示例1:在此示例中,类从红色更改为绿色。输出:示例2:在此示例中,按钮的ID从蓝色更改为绿色。输出:...

  Angular 8中的字符串插值

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

Angular 8中的字符串插值是一种单向数据绑定技术,该技术被用于从一个打字稿码的数据传送到一个HTML模板(图)。它在大括号中使用模板表达式来显示从组件到视图的数据。字符串插值将组件中的属性值添加到HTML模板视图中。句法:方法:在app.component.ts文件中定义一个包含一些字符串值的属性。在app.component.html文件中,通过在双花括号{{property_name}}...

  NodeJS和AngularJS之间的区别

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

Angular JS是Google开发的开源Web应用程序开发框架。它为开发动态和单页Web应用程序提供支持。Node.JS是用于在浏览器外部运行JavaScript应用程序的跨平台运行时环境。它提供了丰富的各种JavaScript模块库,可以简化编码。Angular JSNode.JSIt is a structural framework for developing dynamic web ...

  AngularJS |禁用ng的指令

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

AngularJS中的ng-disabled指令用于启用或禁用HTML元素。如果ng-disabled属性内的表达式返回true,则form字段将被禁用,反之亦然。它通常应用于表单字段(输入,选择,按钮等)。句法:示例1:本示例使用ng-disabled指令禁用按钮。输出:在单击按钮之前:单击按钮后:示例2:本示例使用ng-disabled指令启用和禁用复选框的按钮。输出:在单击按钮之前:单击按钮...

  AngularJS | ng-copy指令

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

AngularJS中的ng-copy指令用于在复制输入文本字段中的文本期间指定自定义行为函数。当我们要调用从输入字段复制文本时将触发的函数时,可以使用它。所有输入元素都支持它。句法:在哪里,expression告诉您在复制元素时该怎么做。示例:此示例使用ng-copy指令在元素将被复制时显示一条消息。输出:复制元素之前:复制元素后:...

  AngularJS |桌子

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

表中的数据基本上是可重复的,因此您可以使用ng-repeat指令轻松创建表该示例将清除该方法。句法:表中显示的数据。输出:以CSS样式显示AnhularJS ng-repeat指令上面的代码示例:在这里,您将看到上面的html和css与AngularJS ng-repeat指令的组合。输出:...

  如何使用AngularJS禁用按钮?

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

有时我们需要禁用按钮,单击事件上的链接。在本文中,我们将看到如何在AngularJS的帮助下做到这一点。方法:方法是使用ng-disabled指令禁用特定按钮。在第一个示例中,单击可禁用单个按钮,而在第二个示例中,单击可禁用多个按钮。范例1:HTMLHTML输出:范例2:的HTML输出:...

  如何设置Angular 2组件属性的默认值?

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

在Angular 2中,我们可以使用Input Decorator在两个组件之间(从父级到子级)传递变量的值。使用这些Input装饰器,我们还可以设置属性的默认值。下面,我以全面的方式详细介绍了如何为Angular 2组件设置默认值。句法:方法:首先根据需求对.html文件进行编码。然后在子组件中包括默认属性。现在,使用@Input()装饰器将属性初始化为默认值。我们还应该从“ @ angular...

  AngularJS | angular.isElement()函数

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

AngularJS中的angular.isElement()函数用于确定isElement函数内部的参数是否为HTML DOM元素。如果引用是DOM元素,则返回true,否则返回false。句法:返回值:如果传递的值是HTML DOM元素,则返回true,否则返回false。例子:输出:...

  角度文件上传

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

上传文件是制作存储某种图像数据的表单的重要组成部分。它有助于使用图像上传的应用程序或文件共享。这个文件上传组件使用file.ioAPI来上传文件,并且作为回报,它提供了一个可共享的链接。此外,我们可以将get请求发送到可共享的链接以获取文件,但目前,我们仅关注上载部分,因此我们仅使用post方法。方法:使用以下命令创建一个新的角度应用程序使用cd命令在应用内移动-生成新的组件文件-打开src / ...

  如何使用AngularJS动态设置元素的id属性?

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

在本文中,我们将讨论如何使用AngularJS动态更改任何元素的ID。方法1:在这种方法中,单击按钮时会调用一个函数,该函数会将元素的ID更改为id-5。我们在作用域变量上调用一个函数,并将ID从id-1更改为id-5。范例1:HTMLHTMLHTML输出:方法2:在这种方法中,单击按钮时会调用一个函数,该函数会将ID从一个更改为另一个。我们正在作用域变量上调用一个函数,并将ID从id-0更改为i...

  如何在AngularJS中用另一个字符串替换一个字符串?

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

在本文中,我们将看到如何从文本中选择一个字符串,并借助AngularJS将其替换为另一个字符串。方法:方法是使用replace()方法,并用新的替换字符串的内容。在第一个示例中,字符串“Welcome User”被单词“Geek”代替“User”。在第二个示例中,单词“User”被用户在输入元素中输入的字符串替换。范例1:输出:范例2:输出:...

  如何将ng-class与ng-style结合?

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

样式属性是使用ng-style设置的。ng-style的值是一个对象,用于引用应用于元素的CSS样式。句法:特性:Object:Object用于返回应用于元素的css样式。返回值:返回应用于ng-class元素的样式。范例1:输出:范例2:输出:浏览器支持:列出的浏览器支持ng-class和ng-style–IE浏览器火狐浏览器谷歌浏览器歌剧苹果浏览器...

  如何捆绑Angular应用进行生产?

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

介绍在部署Web应用程序之前,Angular提供了一种在几个CLI命令的帮助下检查Web应用程序行为的方法。通常,ng serve命令用于从本地内存构建,监视和服务应用程序。但是对于部署,通过运行ng build命令可以看到应用程序的行为。ng服务和ng构建之间的区别ng serveng buildThe ng serve command is intentionally for fast, lo...

  AngularJS | ng-init指令

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

ng-init指令用于初始化AngularJS应用程序数据。它为AngularJS应用程序定义了初始值,并为变量分配了值。ng-init指令为AngularJS应用程序定义了初始值和变量。句法:示例:在此示例中,我们初始化一个字符串数组。输出:...