![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
敲出真谛
这个作者很懒,什么都没留下…
展开
-
使用Angular验证用户名已存在的正确姿势
最近在使用angular框架做一款进销存的系统,其中用到了用户名唯一性的校验。折腾了2天也没有搞明白,辗转反侧难以入睡呀。后经大师指点,终于柳暗花明。废话不多说。我先粘贴部分代码供大家把玩一下(由于是公司项目,不便把整个篇代码贴出,请大家谅解)。register.html<div class="form-group"> <label class="c...原创 2018-07-17 17:34:46 · 1422 阅读 · 1 评论 -
这道题的ng-if和ng-show难住了我
最近在维护一个项目,需要获取道单选框的值,项目用的是angular.js.问题描述1.我在页面用ng-if来做判断的时候,控制器始终拿不到绑定的值,代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Angular的双向数据绑定<...原创 2019-09-06 11:33:11 · 160 阅读 · 1 评论 -
Angular自定义指令集成swiper插件实现轮播图
从开始接触Angular至今已经近半年时间,已经基本上熟悉了angular的语法规范和用法。我认为angular最重要的部分还是用自定义指令来封装自己想用的组件。这也正所谓得自定义指令者得angular,可见自定义指令在angular中的地位是何等的高。效果图自定义指令实现轮播图1.swiper插件的使用在上一篇博客中已经阐述,这里就不再多说;2.使用angular必须首先引入a...原创 2018-12-29 20:16:22 · 1032 阅读 · 0 评论 -
Angular实现省市县三级联动
实现的方式可以说各有千秋,但是具体的还是要看数据的格式。但是有一点使用angular比js简单的到姥姥家了。由于存在跨域的问题,我直接把json写在了代码里面。直接上代码:<!DOCTYPE html><html ng-app="myapp"> <head> <meta charset="UTF-8"> <title&a原创 2018-09-05 21:58:58 · 2665 阅读 · 0 评论 -
Angular中ng-options的常用案例
案例 基本遵循 提交的值 as 显示的值 for 对象 in 数组的格式具体代码如下:<!DOCTYPE html><html ng-app ="myapp"> <head> <meta charset="UTF-8"> <title>下拉框</title> <原创 2018-09-05 21:52:19 · 398 阅读 · 0 评论 -
Angular实现表单功能
技术涉及 双向数据绑定 ng-repeat、 ng-show指令和数组排序等知识。实现了表单的增、删和排序的功能代码如下:<!DOCTYPE html><html ng-app="myapp"> <head> <meta charset="UTF-8"> <title>模拟表单</title&原创 2018-09-05 19:35:07 · 297 阅读 · 0 评论 -
Angular实现调色板
涉及到的技术栈 :函数调用,双向数据绑定和H5的新标签的使用。代码如下:<!DOCTYPE html><html ng-app="myapp"> <head> <meta charset="UTF-8"> <title>调色板</title> <script ty原创 2018-09-03 09:48:49 · 614 阅读 · 0 评论 -
Angular实现微博发布功能
这篇是实现数据绑定的第二弹,涉及到ng-disabled、ng-style等标签的使用。具体功能是:随着输入内容的增加,字数也会增加,当超过140个字符时,颜色变红。并且发布按钮不能点击,当没有输入内容时,清空按钮不能点击。代码如下:<!DOCTYPE html><html ng-app="myapp"> <head> <meta cha...原创 2018-09-04 09:37:35 · 342 阅读 · 2 评论 -
Angular中ng-model在select中的使用你理解了吗?
在工作中对于ng-model在select中到底绑定的内容是什么?一致处于混沌状态今天终于有时间把玩了一下,下面听我娓娓道来,当然如果您对这里门清请绕行。再次感谢菜鸟教程的丰富资源。使用场景一<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https:...原创 2018-07-19 20:40:39 · 7975 阅读 · 3 评论 -
在Angular中使用H5的video标签遇到的坑
今天突然接到产品的需求在项目中增加视频播放的功能,于是我就自己在项目中加入H5新特性中的Video标签。代码如下<video id="video" src="{{videoUrl}}" controls="controls" autoplay width="100%" height="90%">您的浏览器不支持。</video>但是死活视频也播放不了。难道要把...原创 2019-09-11 11:23:35 · 1913 阅读 · 1 评论