极客神殿

坚持,自由,信仰

MVC5使用Angular.Js实现Crud

CelularModel.cs using System.ComponentModel.DataAnnotations; namespace Angular.App.Data.EntityConfig { public class CelularModel { ...

2018-09-15 00:01:00

阅读数:16

评论数:0

Angular6项目运行到95%emitting LicenseWebpackPlugin不动卡住

将angular版本跟新到6.0.6,新建angular项目突然无法运行了,我新建项目步骤如下: ng new demo cd demo ng serve --open 运行结果如下,程序一直卡在95% 查看我的环境配置 网上查找资料,有博主分析是npm版本太高,我赶紧用npm i -g ...

2018-09-11 22:20:08

阅读数:38

评论数:0

如何从Angular 5 App升级到Angular 6

在这篇文章中,您将学习 如何更新或移植Angular 5应用程序(使用Angular 5.1或Angular 5.2版本)来使用Angular 6.0.0。 以下是一些涵盖的要点: 先决条件 将Angular 5移植到Angular 6.0.0应用的升级/更新步骤 先决条件 在开始迁移之...

2018-09-02 22:46:37

阅读数:30

评论数:0

Angular ng常用命令

1.启动应用服务器 //命令会构建本应用、启动开发服务器、监听源文件,并且当那些文件发生变化时重新构建本应用。 ng serve //–open标志会打开浏览器,并访问 http://localhost:4200/ ng serve –open //–port标志浏览器端口,并访问 h...

2018-09-02 10:58:29

阅读数:34

评论数:0

npm install -g 和npm install --save-dev的关系

1.npm install本地安装 (1)将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。 (2)可以通过 require() 来引入本地安装的包...

2018-09-01 21:10:08

阅读数:26

评论数:0

Angular 4环境准备与Angular cli创建项目详解

本文介绍的是为Angular4.0准备环境和学会使用Angular cli来创建项目的相关内容,分享出来供大家参考学习,需要的朋友们下面来一起看看详细的介绍: 1.环境准备: 1)在开始工作之前我们必须设置好开发环境, 如果你的机器上还没有安装Node.js和npm,请安装他们 (这里特别推...

2018-09-01 20:47:00

阅读数:21

评论数:0

Angular CLI 终极指南

Angular CLI 是什么? Angular CLI 是一个命令行接口(Command Line Interface),用于实现自动化开发工作流程。它允许你做以下这些事情: 创建一个新的 Angular 应用程序 运行带有 LiveReload 支持的开发服务器,以便在开发过程中预览应用...

2018-09-01 20:38:23

阅读数:15

评论数:0

Angular4学习(初始文件目录结构解读)

整体文件结构 这里写图片描述 应用的源代码目录 这里写图片描述 一级文件内容 E2e:端到端测试目录,做自动化测试 node_modules:项目依赖包 Src: 应用的源代码目录 其他 Angular-cli.json : angular命令行工具的配置文件 karma.c...

2018-08-31 15:59:23

阅读数:24

评论数:0

Angular引入第三方库

如果我们想在Angular中使用第三方的库,比如jquery或bootstrap等,该如果做呢? 首先我们先来看看package.json这个文件,在目录介绍那篇博客中我们已经知道,package.json这个文件列出了项目所使用的第三方依赖包。我们在创建新项目的时候默认会给我们下载一些包,这些...

2018-08-29 21:09:48

阅读数:34

评论数:0

Angular的启动过程

在上一篇的博客中,我们详细了解了新项目的项目结构。知道了main.ts是整个Angular项目的入口点,那么,Angular项目的启动过程是怎样的呢? 那么我们就要搞清楚三个问题。 1.启动时加载了哪个页面。 2.启动时执行了哪些脚本 3.这些脚本都做了什么 首先我们看一下angular...

2018-08-29 13:08:40

阅读数:27

评论数:0

Angular项目目录结构详解

在上一篇博客中我们已经通过Angular CLI命令行工具创建出来一个全新的Angular项目,要想写项目,首先我们要先搞清楚项目的目录结构是怎样的,每个文件又有什么意义,文件中的代码又起到什么作用。 首先看一下整体的目录结构: 这里写图片描述 可以看到,命令行工具自动生成了很多文件和目录,...

2018-08-28 23:07:45

阅读数:28

评论数:0

Angular环境搭建

目前Angular的最新版本是Angular4.0,所以我们搭建的环境是4.0版本的。 Angular官方给我们提供了一个命令行工具就是Angular CLI,通过这个工具我们能很容易的创建Angular项目。后期对项目的管理及构建等都是使用这么命令行工具。 1.安装nodejs 首先要安装...

2018-08-28 22:24:28

阅读数:19

评论数:0

分析Angular目录结构

分析Angular目录结构以及Angular Cli生成的基础代码 e2e 端到端的测试目录,用来做自动测试得 node_modules 第三方的依赖包 src 源代码目录 app 包含应用的组件和模块 assets 用来存放静态资源文件 environment 环境配置,支持多环境开发,比如...

2018-08-28 21:54:40

阅读数:63

评论数:0

Angualr4基础之组件生命周期

##组件生命周期 //这个顺序是按照执行的先后排列的 constructor:构造器函数,一般用于注入服务 ngOnChanges:检测到输入数据变化,首次触发发生在ngOnInit前。注意对象的属性发生变化时监听不到 ngOnInit:组件初始化,通常会设置一些初始值 ngDoCh...

2018-08-26 11:08:16

阅读数:25

评论数:0

Angular2 组件生命周期

说明 Angular每个组件都存在一个生命周期,从创建,变更到销毁。Angular提供组件生命周期钩子,把这些关键时刻暴露出来,赋予在这些关键结点和组件进行交互的能力。 2. 接口 按照生命周期执行的先后顺序,Angular生命周期接口如下所示 名称 时机 接口 范围 ngOn...

2018-08-26 11:03:01

阅读数:26

评论数:0

Angular2 VS Angular4 深度对比:特性、性能

在Web应用开发领域,Angular被认为是最好的开源JavaScript框架之一。 Google的Angular团队已于3月23日发布了Angular4,而期待已久的Angular2版本则是之前版本的完全重构。 对于成熟的开发人员来说,有以上两种选择是一件很棒的事情;但是,对于处于学习阶段的...

2018-08-26 10:56:10

阅读数:22

评论数:0

AngularJS、 Angular 2、Angular 4 的区别

序言 随着Angular版本的频繁推出,有必要了解下AngularJS、 Angular 2、Angular 4 的区别。 字面上的区别 (1)我们常说的 Angular 1 是指 AngularJS; 从Angular 2 开始已经改名了。不再带有JS,只是单纯的 Angular; (2...

2018-08-26 10:23:12

阅读数:42

评论数:0

AngularJS 4(七)【路由】

路由 通过 URL 映射到对应的功能实现,也就是不同的 URL 会渲染对应的组件。URL 的切换实际就是组件之间的切换。 简单的路由入门 宿主页面 – index.html 大多数带路由的应用都要在 index.html 的 <head&a...

2018-08-24 16:40:41

阅读数:24

评论数:0

AngularJS 4(六)【依赖注入】

依赖注入 依赖注入是重要的程序设计模式。 Angular 有自己的依赖注入框架,离开了它,几乎没法构建 Angular 应用。 它使用得非常广泛,以至于几乎每个人都会把它简称为 DI。 从服务开始来了解依赖注入 创建字典服务 – ./src/app/service/dictionary....

2018-08-24 16:39:24

阅读数:26

评论数:0

AngularJS 4(五)【管道】

管道 用来转换数据渲染的格式,在 1.x 版本的时候称之为过滤器,在 4.x 称之为管道。 使用 格式:date_expression | date[:format[:timezone[:locale]]] 大写转换 <div&a...

2018-08-24 16:37:21

阅读数:24

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭