![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular.js 和 Angular2..
Lazy_Life
这个作者很懒,什么都没留下…
展开
-
Angular.js -- 基础(1)
1.Angular 介绍(Chorme公司):(1)Angular.js 是一个 JavaScript 框架,它可通过 <stript> 标签添加到 HTML 页面中(建议放到 <body> 元素的底部);(2)Angular.js 通过指令扩展了 HTML,且通过表达式绑定到 HTML 中;(3)Angular.js 的特征:模块化;双向数据绑定;标签语义化;...原创 2018-07-23 10:05:16 · 347 阅读 · 0 评论 -
Angular.js -- 基础(2)
1.Angular.js 过滤器:九种自带的过滤器:<body ng-app="App"> <ul ng-controller="dome"> //(1):currency:将货币格式化 <li>{{price | currency:"$"}}元</li>原创 2018-07-25 20:42:09 · 182 阅读 · 0 评论 -
Angular.js -- 基础(3)
1.Angular.js 中的单页面:(1)单页面:英文(SPA),就是单页面应用程序,利用 a 链接中的 # 锚点链接,在一个页面中,实现对其他页面的跳转;(2)在原生的 js 中,实现单页面得需要利用 ajax 和服务器的搭建,利用服务器传到 ajax 中的值来操作其他页面的跳转;2.实现 Angular.js 中单页面的步骤:(1)通过 bower 下载导入 angular;...原创 2018-07-30 09:42:12 · 248 阅读 · 0 评论 -
TypeScript 基础
1.什么是 TypeScript:(1)TypeScript 是一种由微软开发的开源的编程语言,它是 JavaScript 的一个超集,拓展了 JavaScript 的语法;(2)现有的 JavaScript 代码可与 typescript 一起工作无需任何修改;(3)typescript 可处理已有的 JavaScript 代码,并只对其中的 typescript 代码进行编译;...原创 2018-08-20 16:09:31 · 433 阅读 · 0 评论 -
Angular2 表单验证
1.实现双向数据绑定:<div class="label"> <label>测试一: <input type="text" [(ngModel)]='str' > <span>{{str}}</span> </label></div>原创 2018-08-20 16:10:26 · 758 阅读 · 0 评论 -
Angular2 一些概念杂谈
1.constructor 和 ngOnInit 的区别:(1)constructor 是 ES6 中类(class)的自身属性,和 Angular 无关,在页面初始化时就被调用;(2)ngOnInit 是属于 Angular 生命周期的一部分,在第一轮生命周期 ngOnChanges 完成之后调用,并且只调用一次,初始化指令/组件;(3)在 Angular 中,constructor...原创 2018-08-20 15:46:24 · 216 阅读 · 0 评论