angular
文章平均质量分 70
隐藏的文艺妹子
愿自己沉迷学习,日渐消瘦。
展开
-
Angular js学习知识点整理
angularjs是JavaScript的一个框架angularjs表达式写在两个花括号里面{{}},可以包含文字,运算符和变量原创 2017-04-20 09:50:56 · 551 阅读 · 0 评论 -
angualrjs之注册页面
注册页面逻辑思维点击注册按钮是进行判断首先判断手机号或邮箱是否输入有误,是否已经注册再判断输入的两次密码是否一致(也可以增加判断输入的密码格式是否有误)获取验证码,判断验证码是否输入有误代码html部分class="form-register zform" name="Form" > class="form-group" ng-class="{'has-原创 2017-05-23 10:51:10 · 626 阅读 · 0 评论 -
angularjs之ng-file-upload上传头像
图片上传分为单张上传,多张上传,拖拽上传,裁剪上传头像上传,上传后会更改头像ng-src="{{personal.avatar}}" ngf-resize="{width: 46, height: 46, quality: .8, type: 'image/*', ratio: '1:2', centerCrop: true, pattern='*', restoreExif: fa原创 2017-07-28 11:55:47 · 2816 阅读 · 1 评论 -
angularjs之ui Bootstrap翻页效果
基本逻辑思维获取列表的个数每页显示多少个当前是第几页$scope.currentPage = 1; //当前页是第一页$scope.pageSize = 6; //每页显示6个数据$scope.totalItems = data.list.length; //获取数据的个数$scope.list = data.list; //获取所有数据列表信息$s原创 2017-07-28 11:16:26 · 538 阅读 · 0 评论 -
无人机项目获取用户信息并进行用户信息修改的angularjs部分
.controller('userdataCtrl', function ($scope, $localStorage, Upload, Account, SweetAlert, baseUrl) { $scope.personal = {avatar: ""}; //用户信息全部包含在这个对象里面 var newPersonal = {}; //创建一个空的对象,为后面深拷贝原创 2017-08-16 14:53:33 · 295 阅读 · 0 评论 -
无人机项目我的关注angularjs逻辑
.controller('followCtrl', function ($scope, $localStorage, StarsFans, baseUrl, SweetAlert) { $scope.maxSize = 5; //设置页面最多显示前五个 $scope.currentPage = 1; //当前页是第一页 $scope.pageSize = 9; //每页显示九原创 2017-08-16 14:33:00 · 338 阅读 · 0 评论 -
angularjs之login登录页面
登录页面逻辑判断用户,用户名和密码是否正确正确进行登录操作,错误提示信息正确获取用户信息并保存在本地缓存登录后跳转页面代码部分html页面class="sign_div" contorller="loginCtrl"> class="form-group"> 账号: class="input-icon"> type="text" c原创 2017-05-23 10:04:31 · 16920 阅读 · 2 评论 -
angularjs之循环遍历
angular循环 ng-repeat 和 forEach原创 2017-06-08 10:05:17 · 20037 阅读 · 1 评论 -
angularjs之ng file upload
做项目之前的必备工作目前使用JetBrains WebStorm 软件编辑如果想实现ng flie upload 图片上传的功能需要在github.com上下载ng-file-upload文件夹在页面调用ng-flie-upload.js在app.js添加依赖模块ngfileupload在bower.json添加依赖模块ngflieupload并注明版本号然后在控制器中原创 2017-05-17 16:48:20 · 1100 阅读 · 0 评论 -
angularjs之退出登录
退出登录逻辑删除本地用户数据删除本地缓存的用户名和用户idangularjs部分$scope.logout = function(){ delete $localStorage.accountId; delete $localStorage.token; delete $localStorage.username; delete $localStorag原创 2017-05-26 11:42:31 · 2722 阅读 · 0 评论 -
angularjs之修改用户头像
修改用户头像逻辑首先获取用户头像然后上传头像用户头像上传的地址,数据类型上传后获取用户信息将本地缓存的头像更改为用户的头像获取用户头像html部分class="x_image"> ng-src="{{avator}}" style="width:100%; height:100%; "/>class="zbtn znone" ngf-patter原创 2017-05-26 11:22:49 · 1941 阅读 · 0 评论 -
angularjs之获取用户信息
获取用户信息逻辑首先获取唯一的id值id值获取到后输出用户的信息数据html部分class="table table-bordered"> 用户名 {{user.username}} 手机号 {{user.phone}} 邮箱 {{user.email}}原创 2017-05-26 11:15:58 · 3679 阅读 · 0 评论 -
angularjs之修改密码
修改密码逻辑思维首先要输入旧的密码,判断旧的密码是否正确(后台判断)其次输入新的密码,判断新密码格式(可增加)最后判断新密码和确认密码输入是否一致html部分class="form-horizontal" role="form"> class="form-group"> class="col-sm-2 control-label">class="importan原创 2017-05-26 11:06:00 · 1403 阅读 · 0 评论 -
angularjs之找回密码
找回密码逻辑先验证身份是否正确存在获取验证码修改密码html部分class="form-forgot zform" name="Form" novalidate> class="form-group" ng-class="{'has-error':Form.telephone.$dirty && Form.telephone.$invalid, 'has-suc原创 2017-05-23 13:46:27 · 905 阅读 · 0 评论