页面： 引入文件/select2.css,/select2-bootstrap.css,/select2.min.js,/ui-select2.jshtml:<div ui-module=> < ui-select2= ng-model= // ng-model = ng-options= //orgNameList是从接口里取出的数据，item.orgName是显示在option里的内容，item.orgCode就是ng-model的值 ng-change=> //每次点击option调用事件 </> </div>js:$scope.selectedOrgName = ; //ng-model的值 $scope.getInsuranceOrgList = function () { ...
兼容性：引入文件/select2.min.js/select2.min.csshtml<select class="form-control selectName" multiple="multiple">//设置class名为selectName;配置为多选 multiple<option value="1" disabled="disabled">本人</option> //设置一项option为不可选 disabled="disabled"<option value="2">父母</option><option value="3">配偶</option><option value="4">子女</option><option value="5">其他</option><option value="6">全部...
1.路由里配置参数operation2.页面A跳转时带上参数$scope.goPage = function (op) {$state.go("app.productConfigadd",{"operation":op});//注入$state };3.页面B获取参数operation的值$stateParams.operation //注入$stateParams获取参数operation的值以上就是angular url 传参实例详解的详细内容，更多请关注Gxl网其它相关文章！
方法一：点击后，让button的状态变为disablejs指令：.directive(clickAndDisable, function() {return {scope: {clickAndDisable: & }, link: function(scope, iElement, iAttrs) {iElement.bind(click, function() {iElement.prop(disabled,true);scope.clickAndDisable().finally(function() {iElement.prop(disabled,false);})});}};})html:<button type="button" class="btn btn-info btn-bordered wave...
本篇文章主要介绍了angularJs使用$watch和$filter过滤器制作搜索筛选实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下整理文档，搜刮出一个angularJs使用$watch和$filter过滤器制作搜索筛选，稍微整理精简一下做下分享。<p ng-app="module" ng-controller="ctrl">搜索: <input type="text" ng-model="search"><table border="1" width="600"><tr><td>编号</td><td>点击数</td><td>标题</td></tr><tr ng-repeat="(k,v) in l...
本篇文章主要介绍了详解angularjs中如何实现控制器和指令之间交互，具有一定的参考价值，感兴趣的小伙伴们可以参考一下如果我们具有下面的DOM结构： <p ng-controller="MyCtrl"> <loader>滑动加载</loader> </p>同时我们的控制器具有如下的签名：var myModule = angular.module("MyModule", []); //首先定义一个模块并在模块下挂载控制器，第二个参数为一个数组，其中函数前面的参数都是会被注入到函数形参上面的 myModule.con...
本篇文章主要介绍了angularJS利用ng-repeat遍历二维数组的实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下最近在做报表的项目，有一种情况是后台返回给我的是一个二维数组，在前台将数据放入到表格中，因为我们用的是AngularJS的前台框架，所以利用ng-repeat来实现：首先在js中： 代码如下:$scope.Week = [[ 云南省 , a, s, d, e, w,t ],[ 陕西省 , l, p, o, i, u,y ],[ 青海省 , 1, 2, 4, 4, 5, 6 ] ];在HTML中：样式...
本篇文章主要介绍了AngularJS中使用ngModal模态框实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧在AngularJS中使用模态框需要引用的文件：angular.js 1.5.5ui.bootstrap-tpls.js 0.11.2bootstrap.css 3.3.7需要注意版本要一致，高版本的不支持这种方法，会出错将需要弹出的模态框的内容写在 script 标签中，指明属性，放在页面中<script type="text/ng-template" id="modal.html"> <p><p cla...
这篇文章主要介绍了Angularjs中使用轮播图指令swiper的相关知识，非常不错，具有参考借鉴价值 ,需要的朋友可以参考下我们在angualrjs移动开发中遇到轮播图的功能安装 swiper npm install --save swiper 或者 bower install --save swiper引入文件路径<link rel="stylesheet" href="../bower_components/swiper/dist/css/swiper.min.css" rel="external nofollow" /> <script src="../bower_components/swiper/dist/js/swiper.jq...
AngualrJs2官方方法是以@Input,@Output来实现组件间的相互传值，而且组件之间必须父子关系，下面给大家提供一个简单的方法，实现组件间的传值，不仅仅是父子组件，跨模块的组件也可以实现传值/***1.定义一个服务，作为传递参数的媒介*/ @Injectable() export class PrepService{//定义一个属性，作为组件之间的传递参数，也可以是一个对象或方法 profileInfo: any;} /***2.传递参数的组件，我这边简单演示，直接就在构造器里面实...
1、问题背景 AngularJS特有的一个依赖注入，当在一个对象创建时，需要依赖另一个对象。2、实现源码<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>AngularJS之依赖注入（实例一）</title><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script><style>body,html{font-family: "微软雅黑";font-size: 12px;font-feature-settings: on;}.showContent{width: 200px;padding: 10px;marg...
现在公司用ionic，就是基于angularjs封装了一些api用于webapp，最近用的angularjs的filter确实省了很多代码，现在总结一下！ng比较鸡肋的过滤器，这里就一笔带过吧！鸡汤类常用的filter后面上例子。lowercase(小写){{ lastName | lowercase }}uppercase(大写){{ lastName | uppercase }}number(格式化数字)number过滤器可以为一个数字加上千位分割，像这样，123,456,789。同时接收一个参数，可以指定小float型保留几位小数：{{ num...
本文实例讲述了AngularJS过滤器filter用法。分享给大家供大家参考，具体如下：这节我们来看看angularjs的过滤器filter。在我们开发中经常需要在页面显示给用户的信息需要一定处理格式化，才能显示给用户。比如时间本地化，或者yyyy-MM-dd HH:mm:ss格式，数字精度格式化，本地化，人名格式化等等。在angularjs中为我们提供了叫filter的指令，让我们能够很轻易就能做到着一些列的功能，angularjs内部为我们提供了number等很多内置的f...
AngularJS ng-blur 指令AngularJS 实例当输入框失去焦点(onblur)时执行表达式:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-app=""><input ng-blur="count = count + 1" ng-init="count=0" />{{count}}<p>实例中 "count" 变量记录了失去焦点的次数。</p></body> </html>运行结果：0实例中 "count" 变量记录了失去...
前言最近关于AngularJS的资料也看了一些，其官网上有个实例Phonecat很不错，硬着头皮看了一会实在是看不下去，索性自己动手实现下，遇到问题时再从里面寻找答案也不失为一种好方法。说的再多、看的再多不如自己动手去做一遍，那就开始吧。正文1、布局布局很简单，首页侧边栏是一个输入框和下拉框，右边是一个列表，实现时对首页不做大的修改。详情页做一些改变，尽量做一些简化，考虑加一个自定义指令（轮播图）。2、架构分析首先思...