![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angularJs
YIYIYI1205
这个作者很懒,什么都没留下…
展开
-
【练习】angularJs练习(tab栏切换、待办事项、$http)
1.tab栏切换(ng-click、ng-switch on、ng-switch-when、ng-class) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <原创 2018-05-28 16:26:28 · 338 阅读 · 0 评论 -
自定义指令
https://segmentfault.com/a/1190000009820031 var app = angular.module("app",[]); //自定义指令和定义控制器相似 app.directive("custom",[依赖,function (依赖) { return{ //返回指令对象 re...原创 2018-09-29 15:02:48 · 262 阅读 · 0 评论 -
【总结】angularJs自定义指令
0、使用 var app = angular.module('myApp', []); 1、require属性 在自定义Angular指令时,其中有一个叫做require的字段,这个字段的作用是用于指令之间的相互交流。 举个简单的例子,假如现在需要编写两 个指令,在linking函数中有很多重合的方法,为了避免重复自己(著名的DRY原则),可以将这个重复的方法写在第三个指令的 contr...原创 2018-10-31 12:00:03 · 306 阅读 · 0 评论 -
【总结】angularJs
1、表单验证(只适合校验type存在的类型,不存在的类型要用指令的require:ngModal进行验证) form标签,定义name input标签,设置type类型(email、name等),name 和ng-modal和required(必填就要有required) 1:未修改的表单 这是一个布尔类型的属性,用来判断用户是否修改了表单,如果未修改,值为true否则为falseformN...原创 2018-11-13 10:10:34 · 147 阅读 · 0 评论 -
【总结】angular-ui-bootstrap
要配合angular.js和bootstrap.css https://www.bootcdn.cn/angular-ui-bootstrap/ 下载js文件 https://v3.bootcss.com/getting-started/#download bootstrap下载 https://www.cnblogs.com/pilixiami/p/5677515.html 博客参...原创 2018-11-13 14:20:38 · 863 阅读 · 0 评论 -
【练习】事件分析——查看详情
1、并发请求:$q.all([请求1,请求2]) .then(function(res){ 第一个请求拿到参数:res[0] },function(res){}) 2、lodash _.find(被查找的数组,function(item){return 条件}) 或者 _.find(被查找的数组,{条件}) 返回的是第一个满足要求的对象 _.filter和_.find是差不多的...原创 2018-11-21 17:40:45 · 326 阅读 · 0 评论 -
【练习】事件白名单
1、bootstrap栅格 超小屏幕 手机 (<768px) 小屏幕 平板 (≥768px) 中等屏幕 桌面显示器 (≥992px) 大屏幕 大桌面显示器 (≥1200px) 栅格系统行为 总是水平排列 开始是堆叠在一起的,当大于这些阈值时将变为水平排列C .container 最大宽度 None (自动) 750px 970px ...原创 2018-11-19 14:29:07 · 358 阅读 · 0 评论 -
【练习】angularjs(最基本的$http使用jsonp跨域,使用jsonp跨域获取天气(采用百度地图天气api),路由功能实现单页面不跳转切换)
1.最基本的$http使用jsonp跨域 <body ng-app="app"> <div ng-controller="controller"> </div> <script src="angularjs/angularjs.js"></script> <script> var原创 2018-05-29 15:05:13 · 731 阅读 · 1 评论 -
【总结】angularjs
一、介绍 AngularJS是一款由Google公司开发维护的前端MVVM框架,其克服了HTML在构建应用上的诸多不足,从而降低了开发成本提升了开发效率。 jQuery只是一个类库(类库指的是一系列函数的集合)以DOM做为驱动(核心),而AngularJS则一个框架(诸多类库的集合)以数据和逻辑做为驱动(核心)。 MVC是一种开发模式,由模型(Model)、视图(View)、控制器(Cont...原创 2018-06-01 12:35:21 · 697 阅读 · 0 评论 -
【练习】告警策略配置
1、网段 多选下拉框 要实现的结果:点击网段多选框后 ,会显示input框,点击input框后展示下拉列表,可以进行多选 请求两次数据,一是下来列表中的内容,二是初始化内容,列表中已经被选择的内容 实现的方法:我的:在controller中请求初始化的内容,用指令传参传到指令中,在指令中请求下拉列表的内容,在指令中用 ...原创 2018-11-29 14:27:14 · 1778 阅读 · 0 评论