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

在本文中，我们将看到如何在客户端计算机的同级组件之间传递数据。在Angular中，我们将网页分为多个组件，这些组件之间的关系形成树状结构。一个组件可能有一个父级和多个子级。也就是说，它也可以有兄弟姐妹。在某些情况下，我们需要在这些独立的组件之间传递数据。传递数据很容易，并且在进行大型项目时，它使我们的代码更整洁，更易读。先决条件：必须预先安装NPM。要了解其工作原理，请参见下图：如果发生用户事件，...

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

在此示例中，我们将看到如何基于使用angular8进行键入使输入显示为句子大小写。方法：首先，我们需要为HTML文件中的输入类型编写代码。在使用HTML将输入类型写为文本之后，使用双向绑定，即使用ngModel，我们可以绑定输入字段的值。现在，为了使输入字段句子大小写，我们可以根据需要使用ngModelChange事件来操纵值。确保从“ @ angular / forms”导入“ FormsMod...

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

AngularJS提供了两种不同的方式来更改日期格式。可以通过以下方法实现：使用HTML模板绑定使用JavaScriptHTML模板绑定：在这种方法中，我们使用管道(|)运算符。该管道运算符有助于按照所需格式(包括–角度标准格式和用户定义格式)转换日期对象，数字。在角度格式中，可以使用此运算符根据任何格式，语言环境和时区来修改日期对象。它仅以可读格式格式化日期。句法：属性说明：AttributeD...

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

Angular Material是Angular团队开发的一个UI组件库，用于为台式机和移动Web应用程序构建设计组件。为了安装它，我们需要在项目中安装angular，一旦完成，您可以输入以下命令并下载它。当用户将鼠标悬停在按钮上时要显示某些信息时，将使用matTooltip。安装语法：方法：首先，使用上述命令安装角材。完成安装后，从app.module.ts文件中的’@ angular / ma...

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

AngularJS中的ng-src指令用于指定<img>元素的src属性。它确保在评估AngularJS之前不会产生错误的图像。 <img>元素支持它。句法：例子：输出：...

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

首先，让我们讨论如何构建Angular应用程序，运行它并在浏览器中预览它。我们可以使用Angular提供的CLI轻松完成操作。 CLI是一种命令行界面工具，开发人员可以使用它来初始化应用程序，对其进行开发，支持和高效维护，而面临的挑战则更少。并非总是需要CLI来开发Angular中的应用程序，但绝对可以为开发人员提供高质量的工具集，以使代码更令人印象深刻并节省时间。CLI的重点：创建一个新的Ang...

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

在本文中，我们将了解如何在Angular应用中生成和显示QR代码。 QR码是黑白正方形的矩阵，可以由相机或智能手机读取。 QR码可以存储信息和URL，从而使机器人或智能手机用户易于阅读。在业务场景中，QR码可用于共享联系人信息，发送电子邮件，下载应用程序，共享URL和位置。因此，我们需要知道如何为我们的应用生成应用，以跟上市场的发展。先决条件：必须安装NPM环境设置：安装角度CLI并创建一个新的角...

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

使用Angular 8中的样式绑定将CSS样式赋予HTML元素非常容易。样式绑定用于设置视图元素的样式。我们可以使用angular中的样式绑定来设置HTML元素的内联样式。您还可以有条件地将样式添加到元素，从而创建动态样式化的元素。句法：范例1：app.component.html：HTMLHTMLHTMLJavascript输出：示例2：使用样式绑定设置字体大小。app.component.ht...

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

ngRoute：ngRoute是由AngularJS团队开发的模块，该团队是AngularJS核心的一部分。这是一个模块，可以更好地管理基本方案，而更少的复杂性则可以更好地处理。ui-router：ui-router是在AngularJS项目之外制作的框架，用于增强和改进路由功能。这是一个框架，因此它将帮助您组织项目界面的各个部分两者都具有独特的功能，取决于您的项目在它们之间进行选择。您必须知道哪...

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

很多时候，AngularJS应用程序会在主应用程序启动时显示HTML文档的闪烁。这将显示AngularJS代码一段时间。 ng-cloak指令的使用是为了防止AngularJS中的元素在短时间内以未完成，不完整，未编译和原始的形式被Web浏览器呈现，而基本程序仍处于加载的边缘。基本上，这是为了防止不必要的闪烁影响，该影响在程序加载开始时就多次显示。然后，未完成的数据只是保留并等待传入的数据。句法：...

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

AngularJS中的ng-pluralize指令用于根据显示的本地化规则指定要显示的消息。使用中的本地化规则与AngularJS捆绑在一起。 AngularJS中的默认复数类别是“一个”和“其他”。句法：参数值：count：是指Angular表达式使用的count属性的值。when：用于指定实际字符串和复数类别之间的映射。该属性值必须为JSON对象样式。offset：指定要从总数中扣除的offs...

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

为了理解它，我们需要对文档对象模型(DOM)和超文本标记语言(HTML)之间有清楚的深入了解。基本上，DOM是对象的模型，是文档的逻辑树表示形式，而HTML是我们用来构建网页的标记语言。每个HTML属性都具有到DOM对象属性的一对一映射。示例：名字因此，以上示例包含两个标签label和input。如我们所见，在输入标签中定义了一个“禁用”属性。同样，如果您谈论DOM属性，则在输入对象中也存在禁用状...

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

介绍：Angular Material是一个由Angular团队开发的UI组件库，用于为台式机和移动Web应用程序构建设计组件。为了安装它，我们需要在项目中安装angular，一旦安装，您可以输入以下命令并下载。 <mat-expansion-panel>标签是一种具有折叠和扩展功能的下拉菜单。安装语法：方法：首先，使用上述命令安装角材。完成安装后，从app.module.ts文件中的’@ ang...

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

Angular Material是Angular团队开发的一个UI组件库，用于为台式机和移动Web应用程序构建设计组件。为了安装它，我们需要在项目中安装angular，一旦完成，您可以输入以下命令并下载它。 MatSnackBar用于在执行任何操作时从屏幕底部显示信息或文本。安装语法：方法：首先，使用上述命令安装角材。完成安装后，从app.module.ts文件中的’@ angular / mat...

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

AngularJS中的ng-form指令用于创建嵌套形式，即一种形式位于另一种形式内。它从HTML表单指定一个继承控件。它在表单指令内创建控件组，该控件可用于确定控件子组的有效性。句法：示例1：本示例使用ng-form指令隐藏输入文本字段并显示其内容。输出：单击按钮之前：单击按钮后：示例2：本示例使用ng-form指令来验证电子邮件并保存。输出：输入无效：有效输入：...