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

在AngularngFor指令中，该指令可实现以最少的代码行显示重复或内容列表的动机，其作用与常规编程语言中的循环相同。我们可以使用javascript / typescript函数Array()根据数字打印重复的内容行，该函数将生成一个从0到n-1的数字列表。我们遍历此列表以产生n条重复的内容行。范例1：演示组件Demo.Component.html输出：范例2：在打字稿文件中插入模板，并重复相...

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

AngularJS中的ng-controller指令用于向应用程序添加控制器。它可用于添加可以在某些事件(例如click等)上调用的方法，函数和变量，以执行某些操作。句法：其中，表达式是指控制器的名称。示例1：本示例使用ng-controller指令显示输入元素。输出：示例2：本示例使用ng-controller指令在单击按钮后显示内容。输出：点击之前：单击按钮2后：...

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

什么是AngularJS，是谁创建的?AngularJs是一个Javascript开源前端框架，主要用于开发单页Web应用程序(SPA)。它是一个不断发展壮大的框架，为开发Web应用程序提供了更好的方法。它将静态HTML更改为动态HTML。它具有动态绑定和依赖注入之类的功能，因此无需编写其他代码.AngularJs迅速增长，由于这个原因，我们有不同版本的AngularJs，最新的稳定版本为1.7....

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

ng-if指令：AngularJS中的ng-if指令用于根据表达式删除或重新创建HTML元素的一部分。如果其中的表达式为false，则删除该元素；如果为true，则将该元素添加到DOM。句法：方法：考虑一个包含三个项目的检查清单。一旦购买了所有物品，我们就会显示一条消息：“所有物品都已购买！”。在开始时，NG-IF将从DOM树的一部分中删除此消息，并在表达式在DOM中重新创建时被评估为true时基...

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

div的内容宽度可以根据用户要求使用clientWidth和scrollWidth属性动态获取。如果用户想知道实际显示内容所需的空间(包括填充所占用的空间，但不包括滚动条，边距或边框)，则用户可以使用以下任何一种过程来返回整个内容的宽度。元素。使用Element.ClientWidth属性使用Element.scrollWidth属性示例1：使用ClientWidth属性的div的Content ...

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

Angular Material是一个由Angular团队开发的UI组件库，用于为台式机和移动Web应用程序构建设计组件。为了安装它，我们需要在项目中安装angular，一旦安装，您可以输入以下命令并下载。<mat-menu>充当一种下拉菜单或菜单部分，每当用户单击任何按钮时，它都会展开或打开。安装语法：方法：首先，使用上述命令安装角材。完成安装后，从app.module.ts文件中的’@ ang...

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

1.MEAN Stack开发人员：MEAN是指M for MongoDB(无SQL数据库)E for Express.js(位于Node.js之上的框架)A for Angular(前端框架)N用于Node.js(JavaScript运行时环境)MEAN Stack Developer是一位IT专业人员，他使用一系列JavaScript技术开发Web应用程序。在这里，数据库，服务器甚至客户端也都基...

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

Angular使组件之间的通信非常容易。在本文中，我们将学习如何从父组件与子组件进行通信。方法：让我们创建两个组件：父母孩子在父组件中，声明要在子组件中接收的属性，例如“ ParentId”。在将子组件包含在父组件中的同时，使用属性绑定将“ ParentId”属性绑定到子组件。现在在子组件中，从@ angular / core导入Input并创建一个由@input装饰器修饰的属性，以从父组件接收’...

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

在任何Web应用程序中，我们都需要在数据库中保存，更新，插入数据以及从中获取数据。 AngularJS是Google开发的JavaScript MVC或Model-View-Controller框架。它帮助开发人员构建结构良好，易于测试且可维护的前端应用程序。功能Angular JS库中的重要概念如下：概念模板指令模型范围表达方式编译器筛选数据绑定控制器模块服务需要一个基本示例来解释Angular...

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

从角度上讲，可以将用作所有组件的父组件以及其他所有组件的父组件的根组件称为根组件的子组件。该结构采用树的形式，其中作为孩子父级的组件位于子组件上方，并且它们之间没有直接链接，但是通常，可以通过两种方式从子组件路由父组件。 ：如果将子代链接到父代，则直接使用routerLink指令。在触发事件发生导航的情况下，使用Route类。方法：在执行以上两个操作之前，需要在位于app-routing.modu...

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

使用Angular CLI时，默认样式表具有.css扩展名。使用Sass启动Angular CLI项目通常，当我们运行ng new my-app时，我们的应用程序将包含.css files。要让CLI生成.scss files(或.sass / .less)是一件容易的事。使用以下命令用Sass创建一个新项目：将当前应用程序转换为Sass：如果您已经使用默认的.css files创建了Angula...

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

Angular Material是一个由Angular团队开发的UI组件库，用于为台式机和移动Web应用程序构建设计组件。为了安装它，我们需要在项目中安装angular，一旦安装，您可以输入以下命令并下载。 mat-label与我们在普通HTML表单中使用的标签相似。但是mat-label的优点是它具有预定义的CSS样式类和动画。安装语法：方法：首先，使用上述命令安装角材。完成安装后，从app.m...

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

指令是文档对象模型(DOM)中的标记。指令可与任何控制器或HTML标记一起使用，这将告诉编译器预期的确切操作或行为。存在一些预定义的指令，但是如果开发人员希望他可以创建新指令(自定义指令)。示例：本示例使用ng-app指令定义默认的AngularJS应用程序。输出：下表列出了重要的内置AngularJS指令。DirectivesDescriptionng-appStart of AngularJS...

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

构造函数：构造函数是安装类时创建的类的默认方法，可确保正确执行类及其子节中的角色。最好使用Angular Dependency Injector(DI)，分析构建器的组件，并在通过调用新的MyClass()创建新功能时尝试查找与构建器的参数类型匹配的供应商，解析它们并将它们传递给相似的组件。例子：输出：ngOnInit：OnInit是一个名为Angular的生命周期小部件，用于显示Angular是...

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

服务用于创建可以共享的变量/数据，并且可以在定义该变量/数据的组件外部使用它们。步骤＃1：创建服务：-s是服务的缩写，它将创建两个不应更改的文件service-name.service.spec.ts和一个service-name.service.ts。步骤2：创建服务后，我们必须将其包含在app.module.ts的提供程序中提供者：[Service-nameService]，此处，服务名称的首...