📝 AngularJS教程
376篇技术文档📅  最后修改于: 2021-05-13 20:29:04        🧑  作者: Mango
Angular Material是一个由Angular团队开发的UI组件库,用于为台式机和移动Web应用程序构建设计组件。为了安装它,我们需要在项目中安装angular,一旦安装,您可以输入以下命令并下载。 <mat-checkbox>用于在我们有多个选项可供选择时进行检查或选择。安装语法:方法:首先,使用上述命令安装角材。完成安装后,从app.module.ts文件中的’@ angular / ...
📅  最后修改于: 2021-05-13 20:29:23        🧑  作者: Mango
AngularJS中的ng样式指令用于在HTML元素上应用自定义CSS样式。 ng-style指令中的表达式必须是一个对象。所有HTML元素都支持它。句法:例子:输出:前:后:...
📅  最后修改于: 2021-05-13 20:29:51        🧑  作者: Mango
我们中的许多人无法通过网络展示我们的小型或个人项目。由于托管这些项目有些困难,有时还会花费几美元。在本文中,我们将向您展示如何在不购买任何域或托管提供商的情况下免费部署Angular应用程序。另外,是否厌倦了每次迭代都部署应用程序?让我们还使用GitHub设置自动构建和部署。初始化Git并将项目推送到GitHub存储库要将自动构建和部署配置为Firebase,必须首先将项目推送到GitHub存储库...
📅  最后修改于: 2021-05-13 20:30:17        🧑  作者: Mango
Angular 7中的指令是Typescript类,使用装饰器@Directive声明。这些是文档对象模型(DOM)指令集,这些指令集决定如何完成逻辑实现。Angular指令可以分为三种类型:组件指令:它构成主类,并由@Component声明。它包含有关组件处理,实例化和在运行时使用的详细信息。示例:它包含某些参数,本示例中显示了其中的一些参数。javascriptjavascripthtmlja...
📅  最后修改于: 2021-05-13 20:30:45        🧑  作者: Mango
Angular 7是Google提供的基于TypeScript的前端Web框架。它使您能够借助组件的概念来创建单页应用程序(SPA)。 Angular 7中的组件的结构像一棵树,即存在父组件和子组件,其中每个子组件都连接到其各自的父组件。单页应用程序:单页应用程序是一个Web应用程序,可为用户提供非常快速和反应灵敏的体验。它在单个页面上包含菜单,按钮和块,当用户单击其中的任何一个时,它会动态重写当...
📅  最后修改于: 2021-05-13 20:31:12        🧑  作者: Mango
当用户想要导航到应用程序中的不同页面但仍希望它是一个单页面应用程序时,将使用AngularJS中的路由。 AngularJS路由使用户可以为应用程序中的不同内容创建不同的URL。ngRoute模块有助于访问应用程序的不同页面,而无需重新加载整个应用程序。重要的:$ routeProvider用于配置路由。它有助于定义用户单击链接时要显示的页面。它接受when()或else()方法。必须将ngRou...
📅  最后修改于: 2021-05-13 20:31:34        🧑  作者: Mango
AngularJS货币过滤器用于将数字转换为货币格式。如果未指定货币格式,则货币过滤器将使用本地货币格式。句法:参数:它包含上述和以下所述的两个参数:符号:是可选参数。用于指定货币符号。货币符号可以是任何字符或文本。分数大小:是可选参数。用于指定小数位数。示例1:此示例以印度货币格式显示数字。输出:示例2:此示例显示货币fromat中的数字。输出:...
📅  最后修改于: 2021-05-13 20:32:07        🧑  作者: Mango
分页是一种将特定大页面的内容分成小页面并按索引格式显示它们的技术。该技术在设计搜索引擎时非常流行,在搜索引擎中,最相关的内容是按优先级显示的。此外,许多Angular开发人员都使用了分页技术,同时使用Bootstrap来开发动态网页。例子:在下面的示例中,实现了分页技术,在AngularJS中也称为分页技术。 HTML代码必须添加到index.html文件,而javascript代码必须添加到sc...
📅  最后修改于: 2021-05-13 20:32:44        🧑  作者: Mango
ElectronJS是一个开源框架,用于使用能够在Windows,macOS和Linux操作系统上运行的Web技术(例如HTML,CSS和JavaScript)构建跨平台的本机桌面应用程序。它将Chromium引擎和NodeJS组合到单个运行时中。Electron可以与几个强大的框架(例如Angular 4+,AngularJS 1.x,React)结合使用,以构建复杂的应用程序并提供增强的功能。...
📅  最后修改于: 2021-05-13 20:33:07        🧑  作者: Mango
尽管注释和装饰符在Angular中都共享相同的@符号,但它们都是不同的语言功能。注释:这是硬编码语言功能。注释仅是在类上设置的用于反映元数据库的元数据。当用户为一个类添加注释时,编译器会在该类上创建一个称为注释的属性,在其中存储一个注释数组,然后尝试实例化一个与注释同名的对象,并将元数据传递给构造函数。注释不是AngularJ中预定义的,因此我们可以自己命名。例子:注释功能:注释是硬编码的。注释由...
📅  最后修改于: 2021-05-13 20:33:30        🧑  作者: Mango
要在引导导航栏中设置活动类,可以使用ng-controller(NavigationController)通过AngularJS设置引导导航栏活动类。在ng-view之外运行单个控制器。单击角度路径时,可以将class =“ active”设置为“ active”。下面的示例实现了上述方法:示例:此示例说明了如何使用ng-controller通过AngularJS设置bootstrap navba...
📅  最后修改于: 2021-05-13 20:34:42        🧑  作者: Mango
可观察对象为有角度的应用程序中的发布者和订阅者之间的数据共享提供支持。与诸如promises之类的技术相比,它是用于事件处理,异步编程和处理多个值的更好的技术。观测量的一个特点是,它只能由消费者谁订阅了它,即定义用于发布值函数访问,但它没有被订阅的消费者执行的(它可以是任何部件)只通过其客户可以接收通知,直到函数运行或订阅为止。一个可观察对象可以传递任何类型的多个值。在任何情况下,用于接收值的AP...
📅  最后修改于: 2021-05-13 20:35:01        🧑  作者: Mango
AngularJS中的angular.isDate()函数用于确定date的值是否有效。如果引用是日期,则返回true,否则返回false。句法:参数:此函数接受存储日期对象的单个参数值。返回值:如果传递的值是日期,则返回true,否则返回false。示例:本示例使用angular.isDate()函数确定date的值是否有效。输出:...
📅  最后修改于: 2021-05-13 20:35:22        🧑  作者: Mango
介绍:我们可以使用* ngFor指令和属性绑定来解决此问题,以绑定背景色。方法:使用* ngFor指令遍历.html文件中的项目列表。通过使用属性绑定,为列表中的每个项目绑定背景色。默认情况下,使用由.ts文件中的布尔值组成的数组。使用单击事件处理程序可以切换列表中项目的背景颜色。实施完成后,请使用以下命令为项目提供服务。通过代码实现:app.component.html:app.componen...
📅  最后修改于: 2021-05-13 20:36:08        🧑  作者: Mango
AngularJS中添加了一些过滤器,以简化格式设置和数据处理。 AngularJS中有几个内置过滤器。它们与一些示例一起在此处列出,以使理解更加容易。基本语法:通常通过使用竖线(|)字符将过滤器添加到表达式中。例如,过滤器{{fullName |大写}}将fullName格式化为大写格式。AngularJS中的一些预先构建的过滤器是:货币将数字格式化为货币格式。日期以特定格式指定日期。filte...