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

AngularJS中的ng-class指令用于指定HTML元素上的CSS类。它用于动态绑定HTML元素上的类。如果ng-class指令中的表达式返回true，则仅添加该类，否则不添加。所有HTML元素都支持它。句法：示例1：本示例使用ng-class指令设置和重置CSS类。输出：单击按钮之前：单击样式按钮后：示例2：本示例使用ng-class指令将CSS样式设置为该类。输出：选择元素之前：选择元素...

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

可观察的可观察的管理异步数据和其他一些有用的模式。可观察变量与Promises相似，但有一些关键区别。与Promises不同，Observables随时间发出多个值。在实际场景中，Web套接字或基于实时的数据或事件处理程序可以在任何给定时间内发出多个值。在这种情况下，Observables是最好的选择。从角度来看，Observables是最常用的技术之一，与Data Services集成在一起广泛...

📅  最后修改于: 2021-05-13 20:11:23        🧑  作者: Mango

AngularJS工厂方法使AngularJS应用程序的开发过程更加健壮。工厂是一个简单的函数，它允许我们向创建的对象添加一些逻辑并返回创建的对象。工厂还用于以可重用代码的形式创建/返回功能，该函数可在应用程序中的任何位置使用。每当我们使用工厂创建对象时，它总是会为该对象返回一个新实例。工厂返回的对象可以与Angularjs框架的不同组件(例如控制器，服务，过滤器或指令)集成(可注入)。用：在实际...

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

ngModel是一个指令，它绑定输入，选择和文本区域，并将所需的用户值存储在变量中，并且我们可以在需要该值时使用该变量。在验证过程中也以某种形式使用它。我们可以将ngModel用于：输入文本复选框收音机数字电子邮件网址日期本地日期时间时间月星期选择文本区域例子：为了打印url和电子邮件，我们只需要写一个有效的email / url才可以打印出来。在使用ngmodel打印日期，时间的情况下，我们必须...

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

AngularJS中的大写过滤器用于将字符串更改为大写字符串或字母。句法：例子：输出：...

📅  最后修改于: 2021-05-13 20:12:43        🧑  作者: Mango

React.js：React是一个声明性，高效且灵活的JavaScript库，用于构建用户界面。在MVC中是“ V”。 ReactJS是一个开源的，基于组件的前端库，仅负责应用程序的视图层。它由Facebook维护。React使用了一个声明式范式，可以使您的应用程序更容易推理，并且旨在既高效又灵活。它为应用程序中的每个状态设计简单的视图，当数据更改时，React将有效地更新和呈现正确的组件。声明式...

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

ng-container和ng-template均可用于创建响应和动态组件。 Angular提供了一组可以与ng-template和ng-container一起使用的结构指令，例如：ng-ifng-forng-switch。这些结构指令用于通过有条件地呈现HTML元素来更改DOM的结构。ng-container和ng-template都在隐藏自身时呈现了包装的元素，但是它们都遵循不同的机制，这些差...

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

什么是W3.CSS?与其他CSS框架相比，W3.CSS是具有内置响应能力且易于学习和使用的现代框架。其目的是加快和简化Web开发，并支持现代响应设备，例如移动设备，笔记本电脑，平板电脑和台式机W3.CSS被设计为Bootstrap的高质量替代品，由w3school.com开发什么是angularJS?AngularJS是动态Web应用程序的结构框架，该框架使用新属性扩展了HTML。它提供自动化测试...

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

AngularJS正式发布5年后发布了Angular 4。在这两个版本之间，引入了Angular 2，这是对AngularJS的完全重写。 AngularJS的“ MVC”体系结构被废弃了。在Angular 2中引入了新的“服务控制器”体系结构。在Angular 2出现之后，Angular 4的效率要比其前身高得多。但是，两个版本中使用的架构都是相同的，因此与从JS升级到v2相比，将项目从v2升级...

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

@Input()基本上是将属性绑定为输入的装饰器。它用于传递数据，即从一个组件到另一个组件的属性绑定，或者可以说，从父组件到子组件。它与DOM元素绑定。更改DOM元素的值时，Angular会使用更改后的值自动更新此属性。在这里，我们将看到如何使用它。方法：@Input()可以以两种方式使用：使用@Input()进行双向绑定与ngOnChange()和@Input()的单向绑定首先，我们将研究双向绑...

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

AngularJS中的ng-checked指令用于将复选框或单选按钮的选中或未选中状态读取为true或false。如果ng-checked属性内的表达式返回true，则复选框/单选按钮将被选中，否则将被取消选中。句法：如果expression返回true，则将检查元素的checked属性。示例：此示例使用ng-checked指令选择复选框并返回所有选中的复选框值。输出：在单击复选框之前：单击复选框...

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

AngularJS中的ng-readonly指令用于指定HTML元素的readonly属性。仅当ng-readonly指令中的表达式返回true时，HTML元素才是只读的。句法：示例1：此示例使用ng-readonly指令启用readonly属性。输出：在选中复选框之前：选中复选框后：示例2：本示例使用ng-readonly指令在选项列表中启用readonly属性。输出：单击编辑按钮：单击更新按钮...

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

改变：用户提交对元素值的更改时，将为<input>，<select>和<textarea>元素触发change事件。不一定会为元素值的每次更改触发change事件。 change是一个DOM事件，它可以触发HTML标签和元素中的更改。句法：例子：HTML档案：打字稿文件：输出ngModelChange：当用户想要更改模型时，通过在输入中输入文本，事件回调将触发并将新值设置为模型。没有ngModel...

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

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

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

Angular使实现几乎所有功能变得非常容易。在本文中，我们将学习如何在您的角度应用程序中实现添加标签功能。添加标签在音乐应用程序，在线购物应用程序等多个领域中都有应用程序。通过使用此功能，我们可以根据用户的需要过滤搜索结果。方法：角材料库提供了垫片，可用于实现此功能。我们可以在表单字段中使用它来获取用户输入并更新我们的标签列表。用户添加完标签后，我们可以保存标签列表。现在我们有了标签列表，我们可...