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

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

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

AngularJS中的ng-mouseenter指令用于在特定HTML元素上发生鼠标进入事件时应用自定义行为。当鼠标在HTML元素中输入特定位置时，可用于显示弹出警报。所有HTML元素都支持它。句法：范例1：输出：在Mouseenter之前：在Mouseenter之后：范例2：输出：在Mouseenter之前：在Mouseenter之后：...

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

AngularJS中的angular.isobject()函数用于确定isobject函数内部的参数是否为object。如果引用是对象，则返回true，否则返回false。句法：返回值：如果传递的值是一个对象，则返回true，否则返回false。例子：输出：...

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

众所周知，@ Component装饰器是一个接受一个对象的函数，并且该对象具有许多属性。主要的两个重要属性是模板和模板URL。有多种在Angular中创建模板的方法模板是用于用户界面的组件的一部分，最终用户可以通过它轻松进行交互。我们可以通过以下两种方式创建模板：–内联模板外部模板内联模板：当我们在.ts文件中定义组件的模板时，即称为内联模板，这些内联模板是使用template属性在组件装饰器中定...

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

任务是在AngularJS的帮助下获取复选框的状态。方法：ng-model用于获取选定的复选框。只需为ng-model设置不同的值，这些值将用于检查是否选择了元素。会弹出一个带有真实值的选定复选框的警报。范例1：HTMLHTML输出：在单击按钮之前：单击按钮后：范例2：的HTML输出：...

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

ng-bind-html指令是将内容绑定到HTML元素的一种安全方式。因此，为了将HTML插入视图，我们使用了相应的指令。在使用AngularJS时，在相应的应用程序中编写HTML，我们应该检查HTML中是否存在危险或容易出错的代码。通过在应用程序中包含“ angular-sanitize.js”模块，我们可以通过ngSanitize函数运行HTML代码来实现此目的。句法：ngSanitize：它...

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

声明：这些是属于(this)模块的组件，指令和管道(声明)的集合。这些组件在本地范围内(私有可见性)。句法：选择器集(指令，组件，管道)被声明为：可用于模板的文件。从导入的NgModules导出的那些。可声明的必须完全属于一个模块。如果您尝试在多个模块中声明同一类，则编译器将发出错误。这些组件直接引用，因此包含在创建的应用程序的最终捆绑包中。entryComponent：entryComponen...

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

AngularJS可以与Bootstrap CSS和Javascript集成在一起，并且可以用于创建创意形式，表格，导航栏等。脚步：如果没有，请确保系统中存在Angular CLI，然后在终端中运行命令。通过运行代码ng new project-name，在Visual Studio代码上创建一个新项目。创建新项目后，在Visual Studio上打开该项目，并在其终端上确保路径在新创建的项目的目...

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

我们可以通过使用一些基本的angular函数和其他细节(例如AngularJS中的文件名和大小)来获取文件内容。要了解它，请看下面的示例，其中同时实现了HTML和JS文件。注意：请考虑以下两个文件在角度上具有相同的组成部分。app.module.html：输出：在上面的HTML文件中，我们简单地构造了一个结构，使其在网页上应具有的外观。为此，我们使用了一些棱角分明的东西，例如“ ng-contro...

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

让我们首先讨论以下术语：声明：声明用于声明属于当前模块的组件，指令，管道。声明中的所有内容都是相互了解的。声明用于使当前模块中的指令(包括组件和管道)可用于当前模块中的其他指令。指令，组件或管道的选择器只有在声明或导入时才与HTML匹配。提供者：提供程序用于使依赖项注入了解服务和值。它们被添加到根作用域，并且被注入到其他具有它们依赖关系的服务或指令中。进口：导入使其他模块的导出声明在当前模块中可用...

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

任务是展示如何使用Angular过滤器对数据进行分组。涉及的步骤：1.您可以使用以下四种不同的方法安装角度过滤器：克隆并构建https://github.com/a8m/angular-filter git存储库通过Bower：通过运行$ bower在终端上安装angular-filter通过npm：通过运行$ npm从您的终端安装angular-filter。通过npm安装通过cdnjs：将以下...

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

我们要处理的主要问题是，对于读取特定索引位置的对象的对象而言，它不像列表那样简单。我们不能使用ngFor对其进行循环，因为它不被认为是可迭代的对象。当从任何来源接收的数据是包含对象(例如JSON文件)的对象时，此问题的重要性可能会升高。更改源文件非常不方便，因此我们需要能够在应用程序本身中执行某些操作。最有效的方法隐藏在问题本身中。如果对象不是可迭代的，请将其转换为可迭代的。下面讨论了两种方法来解...

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

任务是通过routerLink传递查询参数，为此，我们可以使用属性绑定概念来达到目标。使用属性绑定，我们可以绑定queryParams属性，并可以在对象中提供所需的详细信息。什么是属性绑定?这是一个概念，其中我们使用方括号表示法将数据绑定到超文本标记语言(HTML)元素的文档对象模型(DOM)属性。句法：属性绑定的示例：JavascriptJavascriptHTMLJavascriptHTML输...

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

此处的任务是将自动完成Google位置信息添加到您的Angular应用程序中。当用户在文本字段中输入某个位置的文本时，他/她将获得位置建议，并可以自动完成该位置。为了实现目标，我们将使用ngx-google-places-autocomplete角度包。什么是ngx-google-places-autocomplete?此模块是Google地方信息自动填充js库的包装。它使我们能够将位置自动完成功...

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

给定一个表单元素，任务是在AngularJS的帮助下获取用户输入的表单值。方法：用户在Angular.copy(object)方法的帮助下将数据输入到input元素中后，我们会将数据存储在JSON对象中。之后，可以轻松访问JSON对象中的数据。示例1：在此示例中，数据存储在JSON对象中并从中访问。HTMLHTML输出：示例2：在此示例中，数据存储在JSON对象中，并且JSON对象的数据被打印。的...