文档章节

Angular4 起步

 渣渣曦
发布于 2017/07/14 15:51
字数 286
阅读 68
收藏 1

1、安装

首先在https://nodejs.org网站上下载Node.js

安装完成Node.js后,接着运行以下命令安装Typescript:

npm install -g typescript  // -g 参数代表 typescript 安装到node.js的全局目录中

运行以下命令安装angular-cli (该工具使用命令行创建和管理项目):

npm install -g @angular/cli@latest

2、示例项目

2.1安装运行

运行以下命令创建示例项目:

ng new angular4Example

执行完成后显示下面信息:

切换到angular4Example目录下:

cd angular4Example

执行npm install安装项目依赖模块:

npm install

执行以下命令运行示例程序:

ng serve --open

2.2生成Component

执行以下命令生成helloworld组件:

ng generate component helloworld

生成组件后删除app/app.component.html文件内容,然后写入helloworld组件标签:

<app-helloworld></app-helloworld>

页面显示如下:

修改helloworld.component.ts代码如下:

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-helloworld',
  templateUrl: './helloworld.component.html',
  styleUrls: ['./helloworld.component.css']
})
export class HelloworldComponent implements OnInit {
  name: string; // <---增加name属性
  constructor() {
    this.name = '世界';  // <---为name变量赋值
  }

  ngOnInit() {
  }

}

修改helloworld.component.html内容为:

<p>
  hello {{name}}
</p>

显示页面如下:

通过构造隐函数进行赋值,通过{{}}在模板进行显示

© 著作权归作者所有

粉丝 11
博文 33
码字总数 9701
作品 0
呼和浩特
私信 提问
Angular4+表单提交时未检查“required”属性

Angular4+表单提交时未检查“required”属性 使用Angular4+提交表单时,没有检查“required”属性,设置ngNativeValidate就可以使用默认的h5的“required”属性 Name:...

始终初心
2018/08/05
0
0
从angualrjs2 升级到angular4 session和cookie问题怎么办?求大神解答

最近公司框架从angularjs2 改到angular4 2里面可以采用node的session随时在js里面进行存储和获取。但是angular4纯单页应用 无法操作session和node互通进行session验证?求大神 想知道有没有解...

逗比的苦逼人生
2017/07/10
413
0
Angular4 计划3月22日正式发布,Angular5 也要来了!

Angular 4 正式版的发布已进入倒计时,据开发团队放出的更新计划表显示,Angular4 将于2017年3月22日发布。 Google 对 Angular4 的目标是尽可能与 Angular2 向后兼容,并改善编译器错误消息。...

王练
2017/03/14
5.7K
10
ngular2 VS Angular4 深度对比:特性、性能

在Web应用开发领域,Angular被认为是最好的开源JavaScript框架之一。 Google的Angular团队已于3月23日发布了Angular4,而期待已久的Angular2版本则是之前版本的完全重构。 对于成熟的开发人员...

机器的心脏
2018/06/02
0
0
Angular4 上传文件

请问angular4 如何实现文件上传工能。

iesc
2017/05/22
2.4K
1

没有更多内容

加载失败,请刷新页面

加载更多

MySql双主架构原理

在企业中,一般系统架构的瓶颈会出现在数据库这一部分,mysql主从架构在很大程度上解决了这部分瓶颈,但是在mysql主从同步的架构也存在很多问题;比如:1.关于数据写入部分(也就是主库)往往很难做...

xiaomin0322
4分钟前
0
0
分布式系统中一致性哈希

问题场景 近年来B2C、O2O等商业概念的提出和移动端的发展,使得分布式系统流行了起来。分布式系统相对于单系统,解决了流量大、系统高可用和高容错等问题。功能强大也意味着实现起来需要更多...

Java领航员
6分钟前
0
0
接口限流算法:漏桶算法和令牌桶算法

漏桶算法 漏桶可以看作是一个带有常量服务时间的单服务器队列,如果漏桶(包缓存)溢出,那么数据包会被丢弃。这一点和线程池原理是很相似的。 把请求比作是水,水来了都先放进桶里,并以限定...

铁骨铮铮
13分钟前
0
0
Android 生成二维码工具类

/** * 生成条形码和二维码的工具 */public class ZXingUtils { /** * 生成二维码 要转换的地址或字符串,可以是中文 * * @param url * @param width ...

lanyu96
18分钟前
0
0
谈谈lucene的DocValues特性之SortedNumericDocValuesField

前面已经介绍过NumericDocValuesField,这里想强调一下SortedNumericDocValuesField是针对同一篇文档中一键多值的情况进行排序的,换句话说不同文档的同一字段值可以乱序。核心的写入流程与谈...

FAT_mt
26分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部