Angular实现登录保护

1. 前言

一个网站,通常都会包含公开页面和受保护页面两种,如果是 OA 或者企业应用网站,甚至可能全部都是保护页面,访问者需要在进行身份认证后,才能正常的浏览相关页面。

在本实验中, 我们会创建一个登录页面, 一个受保护的页面, 和一个面向公众公开的信息页面. 当用户访问受保护页面时, 需要先登录再访问, 而公众公开页面不需要登录即可访问.

阅读更多

Angular guard介绍

1. 前言

我们在开发 web 应用时,在服务器端都会控制某种或某个用户是否有权限调用某个接口。在前端,我们除了根据用户的角色或其他特性来控制一些页面元素是否显示以外,也需要控制用户是否能够进入某些页面(例如通过直接输入 URL 的方式直接进入)。要控制是否显示,我们可以使用 *ngIf 、 [hidden] 等方式。而对于控制用户能否进入某个页面,Angular2 的路由框架也提供了非常方便的方式来实现这个功能。

Angular2 提供了 2 种组件, Guard 和 Resolve 。 Guard 顾名思义就是用来保护一个路径。可以用来判断用户只有在满足一定的条件的情况下才能打开这个路径对应的页面。 Resolve 用来在进入某个路径之前先获取数据。

阅读更多

深度刨析NgModule

1. 前言

我们今天要学习的是 Angular2 的模块系统,一般情况下我们使用一个根模块去启动我们的应用,然后使用许多的功能模块去丰富我们的应用,扩展我们应用的功能.这些全部依靠我们的 NgModule 装饰器,接下来我们就来好好学习一下这个装饰器. 当然在这个过程中你会遇到一些新的指令,概念等等;但是别慌,我们会在以后的文章中一个一个的详细讲解呢.

阅读更多

Angular中的JIT与AOT

1. 前言

本文会聊聊 JIT 与 AOT 之间的区别,及前端框架中 AOT 的应用。Angular 同时提供这两种编译方案,下面我们用 Angular 举例说明两者的区别。

阅读更多

深度刨析@angular/platform-browser-dynamic

1. 前言

作为 angular 应用的入口模块,了解他的重要性是显而易见的!

2. angular 之 main.ts

main.ts 是这个样子的,下面我就去解开 platformBrowserDynamic 神秘面纱!

1
2
3
platformBrowserDynamic()
.bootstrapModule(AppModule)
.catch((err) => console.error(err));
阅读更多

Angular platform是什么?

1. Angular platform 是什么?

原文: Angular Platforms in depth. Part 1. What are Angular Platforms?

2. 前言

在这一系列文章中,我将向你们揭示 Angular 应用程序如何跨不同环境执行。此外,我们还将学习如何构建自定义 Angular Platforms 使用 ASCII 图形呈现系统终端内的应用程序。

Angular 框架被设计成平台独立的。即允许在不同的环境中执行 Angular 应用程序  —  浏览器、服务器、web-worker,甚至移动设备。

阅读更多

Angular如何配置多套环境

1. 前言

在 Angular 应用程序中,默认情况下构建了两个环境文件 dev 和 prod。基于目标环境,您的应用程序可能具有不同的设置。您可以根据需要配置多个自定义环境。在这里,您将看到如何配置多个环境,如 staging、beta、QA、prod 等

阅读更多

Angular CLI 安装和使用

1. Angular 介绍

关于 Angular 版本,Angular 官方已经统一命名 Angular 1.x 同一为 Angular JS;Angular 2.x 及以上统称 Angular;

CLI 是 Command Line Interface 的简写,是一种命令行接口,实现自动化开发流程. 它可以创建项目、添加文件以及执行一大堆开发任务,比如测试、打包和发布。

阅读更多

Angular2中的路由

1. Angular2 中的路由

Angular2 中建立路由的 5 个步骤.

2. 安装@angular/router

首先第一件事,我们需要安装 Angular Router。你可以通过运行以下命令进行安装.

1
npm i --save @angular/router

以上命令执行后,将会自动下载 @angular/router 模块到 node_modules 文件夹中。

阅读更多

Windows上安装git2.x

1. Windows上安装git2.x

  • 转到Git download page并根据您的机器配置下载安装程序。

  • 执行安装程序。 如果要在任何备用位置上安装节点,请选择安装路径。 我建议使用默认选项。

  • 验证是否已使用此命令安装了节点。

    1
    2
    $ git --version
    git version 2.17.1.windows.2
阅读更多

安装ansible

Ansible 是一种基于 Python 开发的开源配置和自动化工具,专为类 Unix 系统设计。它使用 SSH 协议与节点进行通信,无需在节点上安装任何客户端。

阅读更多

Linux下安装gradle

1. 前言

Gradle 是以 Groovy 语言为基础,面向Java应用为主。基于DSL(领域特定语言)语法的自动化构建工具

下面就描述一下如何在linux环境下安装配置gradle环境.

阅读更多