![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
理论技术:Angular
文章平均质量分 78
技术:Angular
RealMoYe
进击的小矮人
展开
-
Angular学习随笔(持续更新)
Angular框架搭建的工程如何启动?cmd命令行工具输入 ng server 启动web服务器(类似于),默认开启4200端口,在浏览器地址栏输入 localhost:4200/XXX 即可浏览网页。注意:开启想目前要确认工程中的依赖包为合适的版本(工程中各个依赖包的版本在工程描述.json中)。若依赖包的版本不合适,则需要手动更新,在cmd命令行工具中输入npm install。工程更新以后,可原创 2017-06-18 23:14:26 · 211 阅读 · 0 评论 -
Angular 1.X初识
一、ng的四大特性MVC: MVC是一种设计模式?它的使用让代码变得模块化,职责清晰。M(Model)即数据模型层,它用于数据结构的组织,数据的获取和存储;V(View)即视图,网页上我们所能看到部分就是视图;C(Controller)即控制器,它提供了业务逻辑和控制逻辑,同时与模型层和视图两部分进行交互。模块化: ng的模块化特性使其代码得以复用。模块化特性也是我们在使用ng编写程序时首先原创 2017-05-03 16:00:34 · 412 阅读 · 0 评论 -
Angular 2-组件
1. 组件概述组件之于ng,正如汽车部件之于汽车。一个模块包含多个组件,像是汽车的一个系统比如动力系统包含多个零件。一个模块的组件不能调用另外一个模块的组件。Angular应用像是一棵树,组件是叶子,模块是枝干,根模块是树干。2. 组件创建步骤创建一个组件包括了三个步骤: 1.从@angular/core中引入Component装饰器; 2.建立一个普通类,并用@Component修饰它; 3原创 2017-11-26 15:56:35 · 808 阅读 · 0 评论 -
Angular 2-模板
1. 什么是模板它是页面呈现的骨架,是盛装组件数据的容器。与之相关的内容包括了模板与组件件数据交互、内置指令、表单、管道等。1.1 模板语法概览//插值:绑定属性变量的值到模板中p>{{ detail.telNum }}p>//DOM元素属性绑定:将模板表达式name的值绑定到元素div>的属性title上div [title]="name">div>//HTML标原创 2017-11-29 20:43:31 · 1307 阅读 · 0 评论 -
Angular 2实现轮播图
实现原理:将所有图片都堆叠在一起,并将位置设置为absolute绝对定位,opacity透明度设置为0,初始状态第一张图片的透明度设置为1;设置一个计数变量click_account用来记录当前显示的图片编号;点击上下页编号时候改变计数变量;图片的切换通过动画tranform实现。<!-- carousel.component.html --><div class='container'> <原创 2017-11-29 21:14:05 · 2444 阅读 · 5 评论