Angular
曩昔方
这个作者很懒,什么都没留下…
展开
-
一款查询天气的WebApp
一款查询天气的WebApp原创 2017-09-26 09:02:10 · 1486 阅读 · 0 评论 -
Angular.js基本概念和用法--(一路由、模块、依赖注入)
上一章节:Angular.js基本概念和用法--(一MVC2)内容简介1.AngularJS的模块化实现2.一个完整项目结构是怎么样的?--实例演示3.ngRoute进行视图之间的路由4.一切是从模块开始的5.ng官方推荐的模块切分方式是什么?6.模块之间的依赖应该怎么做?--依赖注入一、AngularJS的模块化实现我们先来看看之前的代码这是一个HelloAngular的全局函数,是绑定在win...转载 2018-03-26 14:50:34 · 285 阅读 · 0 评论 -
Angular.js基本概念和用法--(一MVC2)
上一章节:Angular.js基本概念和用法--(一MVC1)一、如何复用Model<body> <div> <input ng-model="greeting.text"/> <p>{{greeting.text}},Angular</p> </div></转载 2018-03-26 10:51:28 · 196 阅读 · 0 评论 -
Angular.js基本概念和用法--(一MVC1)
本专栏的所有博客都是在学习慕课网大漠穷秋的AngularJS实战的笔记,链接https://www.imooc.com/learn/156一、为什么需要MVC1.代码规模越来越大,切分职责是大势所趋;2.为了复用:很多代码的逻辑是一样的;3.为了后期维护方便:修改一块功能不影响其他功能。MVC只是手段,终极目标是模块和复用二、AngularJS中的Controller(控制器)我们先来看一个小例子...转载 2018-03-25 22:02:16 · 212 阅读 · 0 评论 -
Angular与模态框的通讯
Angular做项目的时候,难免会用到弹框(即模态框),如果模态框里面有一张表格,需要从原创 2017-11-21 17:28:52 · 630 阅读 · 0 评论 -
Angular从普通路由到惰性加载
这篇文章我想来集中地讲述一下Angular路由的普通应用到惰性加载的知识,对我这段时间的学习做一个全面的汇总!Angular的路由,我把它的演变过程分成三个阶段:1.Angular路由直接在app.module.ts-->imports--> RouterModule里面编写路由;2.由于直接在 RouterModule里面编写路由不方便路由管理,会使得imports里面的内容过于冗长原创 2017-11-15 09:20:09 · 1256 阅读 · 0 评论 -
Angular表单验证
Angular表单验证分为两种验证:1.内置验证(required,minlength等);2.自定义验证(正则表达式)。接下来我们用一个注册账号的demo来看一下这两种验证是如何实现的。项目界面一、内置验证其中账户名有required验证和最短长度验证,其他两个只有required验证1.项目目录----------app.component.ts------原创 2017-11-13 10:35:24 · 1788 阅读 · 0 评论 -
Angular两种模态框弹出方式
本博客参考自https://github.com/cipchk/ngx-bootstrap-modal和https://valor-software.com/ngx-bootstrap/#/modals,这两个网址几乎涵盖了所有的angular弹框原创 2017-10-18 11:20:02 · 23950 阅读 · 3 评论 -
Angular组件之间的交互
这篇文章的题材相信已经有很多人写过,如果你对Angular组件之间的交互了如指掌的话,那么麻烦各位大神多多指教,如果你对Angular组件之间的交互一知半解,或者全然不知,那么相信这篇文章对一些代码的解读对你会有所帮助!原创 2017-10-03 17:14:36 · 3924 阅读 · 0 评论 -
Angular2服务
vue是MVVM框架中相对angular和react 比较容易入手的,有了vue的基础来看angular确实挺有帮助的,但是看到路由的时候,很多angular路由的TypeScript语法和思维确实有些让我转不过弯,下面我就来总结一下我学习完angular路由之后的一些心得。我们用angular官网的例子来讲解,文档代码(https://embed.plnkr.co/?show=preview)一...原创 2017-09-14 10:38:14 · 678 阅读 · 0 评论 -
Angular将填入表单的数据渲染到表格
一、项目简介我们将采用Angular框架来做一个demo,这个demo将要实现的功能如下:在X坐标和Y坐标文本框输入信息,然后点击添加,就会在下面表格 中出现一项相应的数据,点击每一项旁边的删除按钮,该条信息就会被删除!因为我们的表格数据是经常刷新的,所以我们把它独立出来作为一个组件。二、项目目录--------app----------dataTable(文件夹)原创 2017-09-21 10:27:01 · 3350 阅读 · 3 评论 -
Angular.js基本概念和用法--(一双向数据绑定)
上一章节:Angular.js基本概念和用法--(一路由、模块、依赖注入)这个双向数据绑定指的是从数据模型到视图,从视图到数据模型之间的双向绑定。前面介绍过AngularJS是一个MVC框架,我们在操作的时候主要是通过控制器进行操作的,让控制器去修改数据模型,然后数据模型的变更会反映到视图上。内容简介1.最简单的例子2.取值表达式与ng-bind指令3.双向数据绑定的典型场景4.动态切换标签样式5...转载 2018-03-26 16:11:53 · 755 阅读 · 0 评论