angular
穷水叮咚
这个作者很懒,什么都没留下…
展开
-
创建一个Angular项目
【背景】 学习Angular的第二篇博客,掌握如何创建一个新的Angular项目。 【内容】 创建Angular项目的步骤: 1、进入要创建项目的目录,在cmd命令框中输入:ng new +项目名称(ps:最好使用英文)。 2、在项目创建到绿色字体出现的时候,按CTRL+C,终止批处理操作。使用cmd命令:cd+创建的项目所在文件夹 进入项目文件夹,再输入Angular命令:cnpm...转载 2018-07-17 13:26:56 · 2251 阅读 · 0 评论 -
Angular环境搭建
Angular官方给我们提供了一个命令行工具就是Angular CLI,通过这个工具我们能很容易的创建Angular项目。后期对项目的管理及构建等都是使用这么命令行工具。 1.安装nodejs 首先要安装nodejs,如果你的电脑已经装过了,最好确认是比较新的版本,否则可能会出问题。 没有安装的直接去nodejs官网下载nodejs安装。安装过程很简单,官网有教程。 安装完成后,打开cm...转载 2018-07-17 13:31:01 · 217 阅读 · 0 评论 -
Angular项目目录结构详解
首先看一下整体的目录结构: 可以看到,命令行工具自动生成了很多文件和目录,我们来说说这些目录是干什么的 首层目录: node_modules 第三方依赖包存放目录 e2e 端到端的测试目录 用来做自动测试的 src 应用源代码目录 .angular-cli.json Angular命令行工具的配置文件...转载 2018-07-17 13:41:14 · 423 阅读 · 0 评论 -
Angular:@Input注解
参考:中文官方文档 Input 说明 。 Input:可以从父组件传来一个值 。 示例: 分别创建父组件user-list 和 子组件 user-item 修改子组件user-item 首先,修改子组件ts文件 user-item.component.ts 。 然后,修改父组件html文件 user-list.component.html 。 ...转载 2018-07-20 15:16:02 · 2026 阅读 · 0 评论 -
angular 配置同时使用localhost和本机IP访问项目
第一步:找到此文件“node_modules/webpack-dev-server/lib/Server.js”,按照下图修改 二、修改配置文件package.json,见下图 三、在项目下,命令行运行 npm start,启动项目。 四、现在可以用本机IP:4200或者localhost:4200访问项目 转载自:https://blog.csdn.net/fr...转载 2018-07-26 16:17:19 · 8959 阅读 · 0 评论 -
angular 属性数据绑定
@Input装饰器 在类上添加元数据,让指令的属性用于绑定,也称之为输入属性,数据流是从绑定表达式流向指令内容。 (1)需要进行import语句指定从Angular的core库导入一些符号。 (2)把属性添加到指令类中 (3)页面显示传递的值 (4)值的来源 通过中括号[]进行属性传递。 转载自:https://blog.csdn.net...转载 2018-07-21 18:04:23 · 813 阅读 · 0 评论 -
ES6之箭头表达式
ES2015新增的特性箭头表达式,省去了关键词function,文中``双撇号和${}是Typescript的语法。以下是一些学习笔记: 1.单行箭头表达式: 1 var foo = (arg1,arg2) => arg1 + arg2; 2 //上述表达式相当于 3 var foo = function (arg1, arg2) { return arg1 + arg2; }; ...转载 2018-08-02 09:56:23 · 1068 阅读 · 0 评论