Angular7教程
 Angular7-概述
  2020-10-27-02:26:00            mango

Angular7由Google拥有,稳定版本于2018年10月18日完成。这是Angular的最新版本。以下是到目前为止已发布的Angular版本列表-VersionReleasedDateAngularJSOctober2010Angular2.0Sept2016Angular4.0March2017Angular5

文章详情
 Angular7-环境设置
  2020-10-27-02:26:20            mango

在本章中,我们将讨论Angular7所需的环境设置。要安装Angular7,我们需要以下内容-NodejsNpm角度CLI用于编写代码的IDENodejs要检查系统上是否安装了nodejs,请在终端中键入node-v。这将帮助您查看系统上当前安装的nodejs的版本。Nodejs必须大于8.x或10.x,npm必须大于

文章详情
 Angular7-组件
  2020-10-27-02:28:22            mango

Angular7开发的主要部分是在组件中完成的。组件基本上是与组件的.html文件进行交互的类,该文件会显示在浏览器中。在上一章中我们已经看到了文件结构。该文件结构具有app组件,并且由以下文件组成-app.component.cssapp.component.htmlapp.component.spec.tsapp.

文章详情
 Angular7-模块
  2020-10-27-02:28:49            mango

Angular中的模块指的是您可以在其中分组与应用程序相关的组件,指令,管道和服务的地方。如果您正在开发网站,则页眉,页脚,左,中和右部分将成为模块的一部分。要定义模块,我们可以使用NgModule。使用Angular–cli命令创建新项目时,默认情况下ngmodule在app.module.ts文件中创建,其外观如下

文章详情
 Angular7-数据绑定
  2020-10-27-02:29:34            mango

AngularJS可以直接使用数据绑定,之后将发布Angular的所有版本。我们将花括号用于数据绑定-{{}};此过程称为插值。在前面的示例中,我们已经看到了如何声明变量title的值,并在浏览器中打印出相同的值。在app.component.html文件中的变量被称为{{标题}}和标题的值在app.component

文章详情
 Angular7-事件绑定
  2020-10-27-02:30:03            mango

在本章中,我们将讨论事件绑定在Angular7中的工作方式。当用户以键盘移动,鼠标单击或鼠标悬停的形式与应用程序交互时,它将生成一个事件。需要处理这些事件以执行某种操作。这是事件绑定出现的地方。让我们考虑一个例子,以更好地理解这一点。app.component.html在app.component.html文件中,我们

文章详情
 Angular7-模板
  2020-10-27-02:30:31            mango

Angular7使用<ng-template>作为标记,而不是Angular2中使用的<template>。自Angular4发行以来,一直使用<ng-template>,而较早的版本(即Angular2)出于相同目的使用<template>。从Angular4开始它开始使用<ng-template>而不是<templ

文章详情
 Angular7-指令
  2020-10-27-02:30:56            mango

Angular中的指令是一个js类,它声明为@directive。我们在Angular中有3个指令。指令在下面列出-组件指令这些构成了主要类,其中包含有关如何在运行时处理,实例化和使用组件的详细信息。结构指令结构指令主要处理操纵dom元素。结构性指令在指令之前带有*符号。例如,*ngIf和*ngFor。属性指令属性指令

文章详情
 Angular7-管道
  2020-10-27-02:31:28            mango

在本章中,我们将讨论Angular7中的Pipes。在Angular1中,管道以前被称为过滤器,从Angular2开始又称为管道。|字符用于转换数据。以下是相同的语法-它使用整数,字符串,数组和日期作为输入,并用|分隔。转换为所需格式并在浏览器中显示。让我们考虑一些使用管道的示例。在这里,我们要显示大写的文本。这可以使

文章详情
 Angular7-路由
  2020-10-27-02:32:15            mango

路由基本上意味着在页面之间导航。您已经看到了许多站点,这些站点的链接将您定向到新页面。这可以使用路由来实现。在这里,我们所指的页面将采用组件形式。我们已经看到了如何创建组件。现在让我们创建一个组件,看看如何在其上使用路由。在项目设置期间,我们已经包含了路由模块,并且app.module.ts中也提供了该模块,如下所示-

文章详情

Made with ❤️ in Chengdu. Copyright reserved 2019-2022.

蜀ICP备20006366号-1