angular
关注
分享
扫一扫
加鸡腿
此人不懒,仍然什么都没有写
展开
-
interval实时动态显示当前时间
结合angularJs, 代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2020-09-29 11:19:45 · 323 阅读 · 0 评论 -
angular的$broadcast、$on传值
父传出值：$scope.$broadcast('transferId', $scope.transferId);第一个参数transferId是一个名字，接收的时候需要和这个名字保持一致第二个参数时要传出的值子接收值：$scope.$on('transferId', function(event, data) { $scope.acceptData = data;})第一个参数transferId时接收的名字，需要和传出的名字保持一致第二个参数时要接收的值...原创 2020-09-27 17:42:31 · 430 阅读 · 0 评论 -
angularJs的input验证提醒
效果如下：实现了三个验证，分别是：必须为数字，且长度为8位；名称不能为空，名称已经存在必须为数字，数量必须大于0；具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <转载 2020-09-27 15:52:07 · 598 阅读 · 0 评论 -
angular.js中的复选框checkbox的用法
首先在head里引入<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>页面部分：<div ng-app="myApp" ng-controller="myCtrl"> <div> <label for="selectData">选中</label> <input type原创 2020-09-15 20:48:45 · 1894 阅读 · 0 评论 -
provisional headers are shown解决办法
成功请求过一次，第二次再看，点击提交按钮，没有任何反应，看newwork里的信息，发现Request Headers一栏报这个问题：provisional headers are shown网上查了很多办法，也设置preventDefault了，也隐身窗口看了，都是这个报错，换个浏览器干脆打不开这个网页，比较乌龙的是解决办法很简单，后台断点断住了，不能往下走，但是我明明按了F9下一步，也没有解决，应该是以前打了断点没取消，所以这次的问题比较蠢，记录一下。以后打完断点一定记得取消。在IDEA里查看所有原创 2020-08-27 14:48:22 · 1528 阅读 · 0 评论 -
angular的input上传文件的anchange事件失效
失效的代码：<input type="file" multiple="multiple" id="file" name="files" onchange="fileNameChanged()" />修改后有效的代码：<input type="file" multiple="multiple" id="file" name="files" onchange="angular.element(this).scope().fileNameChanged()" />原创 2020-08-20 16:46:41 · 465 阅读 · 0 评论 -
angular的input上传多个文件时显示文件名
在input标签中加入 multiple 属性，可以在一个输入框中选择多个文件进行上传<input type="file" multiple="multiple" id="file" name="files" onchange="angular.element(this).scope().fileNameChanged()" />注意1： 如果使用οnchange="fileNameChanged()"时候，触发不了onchange事件，那么就修改为上面的样子。注意2： input自带的原创 2020-08-20 16:42:33 · 1152 阅读 · 0 评论 -
ng-options用法详解
1、ng-options指令用途：在表达式中使用数组或对象来自动生成一个select中的option列表。ng-options与ng-repeat很相似，很多时候可以用ng-repeat来代替ng-options。但是ng-options提供了一些好处，例如减少内存提高速度，以及提供选择框的选项来让用户选择。当select中一个选项被选择，该选项将会使用ng-model自动绑定到对应数据上。如果你想设一个默认值，可以像这样：$scope.selected = $scope.collection[3]。1转载 2020-08-18 14:05:49 · 4144 阅读 · 1 评论 -
ng-file-upload用法（前端部分）
项目需要做一个导入功能，记录一下。一、引入两个文件：ng-file-upload.min.jsng-file-upload-shim.min.js二、注入：angular.module('aaa),[ 'ngFilrUpload']}三、页面上：<div> <a ng-click="import()"> <i class="...原创 2020-04-01 16:49:25 · 845 阅读 · 0 评论 -
Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed.解决办法
在angularJs项目中<li ng-repeat="x in aa">{{x}}</li>出现了报错信息：Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed.大概意思是重复了，解决办法：<li ng-repeat="x in aa track by $index">...原创 2020-04-01 15:07:11 · 1300 阅读 · 0 评论 -
angularJs点击获得当前dom节点
在点击事件中传入$event参数，使用时候用$event.target获取到dom对象 <input id="sub" type="checkbox" ng-model="item.isSelected" value="sub" name="sub" ng-click="selectedApp($event, item.isSelected)" />$scope....原创 2019-10-24 09:25:25 · 1021 阅读 · 0 评论 -
angularJs报错： [ngModel:numfmt] http://errors.angularjs.org/1.4.1/ngModel/numfmt?p0=3
网上查了半天，大概意思是string和number类型搞错了。我在localStorage里存储了pageNum,拿出来用的时候需要number类型，但是我没有转化，因此解决办法：$scope.model.pageNum = parseInt(localStorage.get("pageNum"));把string转化为number即可。...原创 2019-09-17 21:19:41 · 698 阅读 · 0 评论 -
AngularJS的ng-srcset 指令
设置图片地址ng-srcset 指令确保的 AngularJS 代码执行前不显示图片原创 2019-08-15 15:04:35 · 158 阅读 · 0 评论 -
angular项目报错Template parse errors: Can't bind to 'ngModel' since it isn't a known property of 'input'
angualr项目启动后报错：compiler.js:2430 Uncaught Error: Template parse errors:Can't bind to 'ngModel' since it isn't a known property of 'input'. (" <div> <input type="text" [ERROR ->][(n...转载 2019-06-19 21:25:57 · 1836 阅读 · 0 评论 -
bootstrap结合angularJs项目的模态框点击背景不关闭
网上查看的方式更倾向于bootstrap,方式是加上：data-backdrop = “static” 这个属性，但是在angularJs项目中，数据源并不是这样获取的，这种方法同样不适合。经过深入查找，发现写的方式：在打开模态框的方法中写：（加上 backdrop ：“static”，这个属性即可） $scope.edit = function () { _int...原创 2019-06-25 14:44:09 · 620 阅读 · 0 评论 -
angular-ui-tree的使用实例
项目用的angular比较老，是1.3.X版本的，所以可以用的配套的树形就比较少，虽然这棵树官方文档上看起来不是太好看，但是修改一下样式还是可以的。.angular-ui-tree { max-height:150px; overflow-y: scroll; margin-bottom: 15px;}.angular-ui-tree-handle { col...原创 2019-06-25 16:45:10 · 1295 阅读 · 1 评论 -
angularJs结合ui-grid做成的表格实例
因为项目的angular.js版本比较老，1.3.X版的，并且最开始的ui-grid版本也比较低，3.0.0版的，所以也不方便去找其他的表格插件，就用这个ui-grid亲测有效。① 先在主页面引入ui-grid的js和css② 在app.js页面引入ui-grid模块，用什么引什么，不用的功能不需要引var app = angular.module('appModel',[ ......原创 2019-06-27 16:46:52 · 1586 阅读 · 1 评论 -
AngularJs里用js控制单选框默认选中
① html页面<div class="form-group"> <label>{{'性别' | translate}}</label> <input type="radio" name="sex" ng-model="model.sexMale" value="male"><label for="sexMale">男&...原创 2019-06-27 17:21:13 · 1001 阅读 · 0 评论 -
idea里代码报黄色：XML tag has empty body less... (Ctrl+F1) Reports empty tag body. The validation works in
idea编辑器里input标签和textarea标签的代码背景变黄，出了问题，当鼠标放上去，显示：XML tag has empty body less… (Ctrl+F1) Reports empty tag body. The validation works in XML / JSP /JSPX / HTML / XHTML file types.百度翻译出来：XML标记没有空正文…（c...原创 2019-06-27 17:52:46 · 15987 阅读 · 1 评论 -
AngularJs项目中多个页面共用一个创建或编辑页面
功能类似的项目会有类似的操作，比如：创建，编辑，删除等等。比如a页面需要创建，b页面也需要创建，c页面也需要创建，那么每个页面都写一个创建页面的html，会使代码冗余。优化方法：在a页面的js上： $scope.add = function() { $scope.model.errorMessage = undefined; $s...原创 2019-07-04 23:09:18 · 1311 阅读 · 0 评论 -
mac下安装angular-cli
搭建环境，最好用cnpm装angular-cli，否则用原生npm安装面临很多问题：缺少python环境，要装vs，依赖于windowsAPI，node_source包被抢掉等等。安装方法：cnpm i -g angular-cli安装完成后用以下代码检验是否安装成功：ng -v出现如下即可：2. 下面尝试搭建第一个angular项目：ng new 项目名我的项目名叫de...转载 2019-03-21 00:20:19 · 1810 阅读 · 1 评论