【AngularJS: 第33页

关于angularJS的$watch的一些小用法

$watch方法，它可以帮助我们在每个scope中监视其中的变量。$watch单一的变量对于普通的变量时，如数字，字符串等，直接如下写是可以监视到变量的变化，并执行相应的函数的。$scope.count=1;$scope.$watch('count',function(){...});$watch多个变量对于多个变量的监视变化，执行同一函数的话，可以将这几个变量转为字符串，以‘+’号隔开来进行监视

dingxx92·2020-08-16 08:29

正则表达式学习（4）--应用实战(angularJS:ng-model+ng-pattern)

1.帐号名需要1-50个字符，由字母、数字或特殊字符组成；以字母开头；特殊字符为_html：帐号名需要1-50个字符，由字母、数字或特殊字符组成；以字母开头；特殊字符为_js：if(vm.dbUserName==undefined){alert("帐号名需要1-50个字符，由字母、数字或特殊字符组成；以字母开头；特殊字符为_！");return;}正则表达式解析：^[a-zA-Z][0-9a-zA

MonkeyKing-Sun·2020-08-16 08:50

vue.js学习（一）

熟悉AngularJS的人会发现Vue.js还借鉴了AngularJS的directive和filter的概念，但是API就比较简

celen_·2020-08-16 06:56

用ng-pattern加入正则表达式，一直报错

[\W_]+$)\S+$].http://errors.angularjs.org/1.5.6/$parse/lexerr?p0=Unexpected%20next

sayHelloWorld123·2020-08-16 05:43

Springboot - 监控模块Admin（springboot-satrter-admin）未生效及解决办法

UI是的AngularJs应用程序，展示SpringBootAdminClient的Actuator端点上的一

Zhang Daopin·2020-08-16 04:22

AngularJS系列之select下拉选择第一个选项为空白的解决办法

今天给大家介绍一下AngularJS系列之select下拉选择第一个选项为空白的解决办法。

林老师带你学编程·2020-08-15 23:58

技术框架分享

1.前端WEB框架:AngularJSAvalonJX(腾讯WEB前端框架库)Arale(支付宝前端基础类)模块加载框架:SeaJSCSS预处理框架:Less.js构建工具:GruntGulpfis推送框架

只为有趣·2020-08-15 23:29

Ionic+angularjs 系列文章学习记录

环境搭建步骤：1、安装node.js这是为了使用npm来安装ant，cordova，ionic验证是否安装好node.js的方法是在命令提示符中输入“node-v”若出现版本号，证明安装成功。2、下载jdk，并配置java环境（网上教程很多）验证是否安装好的方法是在命令提示符中输入“javac”若出现如下内容，证明安装成功。3、安装ant,并配置相应的环境（网上搜教程）验证是否安装好ant的方法是

ycmail·2020-08-15 20:25

AngularJS directive指令之require部分

这部分提到了angularjs的$parsers相关知识，可以参考：require参数可以被设置为字符串或数组，字符串代表另外一个指令的名字。

ywltoread·2020-08-15 20:55

ionic开发——完整搜索功能的实现方法

在angularjs中，我们的列表基本都是遍历的一个对象数组来显示出来的，那么我们的搜索功能也就在这个基础上来实现。

Mickey_于浩·2020-08-15 20:22

AngularJS select首项空白问题解决方案

原因ng-model绑定的是后台的默认项，与select中是不同的引用。意思也就是说，现在select中没有初始值，所以会有空白。解决方案肯定是给select的赋初始值。方法一：用ng-options语句加as，ng-init来初始化select或者在控制器中初始化ng-model="sysType"ng-init="sysType=1"ng-options="x.idasx.typeforxin

yingzizizizizizzz·2020-08-15 20:49

Angularjs之ngModel中的值验证绑定

众所周知，在Angular中ngModel为动态双向绑定，存在两种方式。例如，方式一：在html中，Check!{{searchText}}在controller中$scope.check=function(searchText){console.log(searchText);}方式二：引用stackoverflow的一句话，“Ifyouuseng-model,youhavetohaveadot

大鸟达人·2020-08-15 20:12

angularJS系列之指令directive应用实例

代码结构html页面代码{{text}}分数:{{expander.text}}app.js代码/***Createdbyjywlon2016/7/7.*/vardemoForDirective=angular.module('demoForDirective',['demoForDirective.controller']);demoForDirective.directive('testdir

小魏的马仔·2020-08-15 20:38

angularJs页面弹框的实现

弹框需要三样东西，点击发生弹框事件的按钮，弹框页面，js逻辑。下面用一个实例解释：1，按钮：按钮的点击事件为toSendEmail()2,弹框页面：新建一个html,命名为emailPop.html,代码如下：客户邮箱3，js部分：$scope.vc={toSendEmail:function(){$scope.searchPopup=$ionicPopup.show({templateUrl:'

loves小鱼儿·2020-08-15 20:00

AngularJS自定义过滤器

1，新建一个过滤器js文件，命名为filter.jsangular.module('app.route').filter('relationFilter',function(){returnfunction(val){if(val=='1'){return"配偶";}elseif(val=='2'){return"子女";}elseif(val=='3'){return"父母";}elseif(v

loves小鱼儿·2020-08-15 20:29

angularjs路由菜单如何强制刷新？

angularjs路由菜单如何强制刷新？

wyz_666888·2020-08-15 20:19

springMVC+bootstrap+angularJS(angular-file-upload控件)实现的文件上传

且需要支持单、多文件上传由于项目一直使用的是angularjs写的前端，所有学习研究了下它自己的上传插件，写了个demo。

Strugglezs·2020-08-15 20:21

基于ionic+cordova+angularJs从零开始搭建自己的移动端H5 APP

这里详细介绍下如何用ionic+cordova+angularjs搭建自己的移动端app，包括环境搭建，框架使用等，具体项目已放置在github上，可下载下来自行启动。

weixin_34177064·2020-08-15 20:05

ionic组件ion-tabs(选项卡)实例

AngularJS路由实例(uiRoute、ngRoute)效果图实例代码index.htmltab-index.htmlconfig.js.state("tabs",{url:"/tabs",templateUrl

weixin_34101784·2020-08-15 20:32

angular js 常用指令ng-if、ng-class、ng-option、ng-value、ng-click是如何使用的？

大家好，我是IT修真院郑州分院第七期的学员，一枚正直纯洁善良的WEB程序员今天给大家分享一下，题目angularjs常用指令ng-if，ng-class，ng-option，ng-值，NG单击是如何使用的

weixin_33924220·2020-08-15 20:56

Angular js 常用指令ng-if、ng-class、ng-option、ng-value、ng-click是如何使用的？

这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【Angularjs常用指令

DragonWar%·2020-08-15 20:19

angularjs 切换tab页的一个方法

tab条的css：1.floor-tab-li{2float:left;3padding:6px12px;4font-size:14px;5font-weight:normal;6line-height:1.42857143;7text-align:center;8white-space:nowrap;9vertical-align:middle;10border:1pxsolid#ddd;11b

你狗·2020-08-15 19:42

AngularJS实战之ng-repeat的详细用法

一、基本语法{{$index}}:获取元素的下标。{{$first}}：判断当前元素是否是第一个元素，是则为true，否则：false；{{$last}}：判断当前元素是否是最后一个元素，是则为true，否则：false；{{$middle}}：判断当前元素是否是中间元素，，是则为true，否则：false；{{$odd}}：判断当前元素是否是奇数，，是则为true，否则：false；{{$eve

weixin_30660027·2020-08-15 19:02

Cordova+Angularjs+Ionic 混合开发入门讲解

选择了webapp，hybrid（混合开发）这两种模式，所以对于这种情况，我也去学习了有关这方面的框架，比如：JqueryMobile，SenchaTouch，MUI，还有我们今天说的Cordova+Angularjs

weixin_30629977·2020-08-15 19:30

AngularJs 中ngModel绑定HTML5 date数据同步问题

虽然AngularJS是双向数据绑定，但是如果用下面的方法，在页面更新date的内容时，内存中的$scope.testDate不会改变；在内存中更新$scope.testDate,页面上的日期也不会改变

weixin_30266829·2020-08-15 19:44

angularjs实现table增加tr

需求：上面是一个table，运用了循环显示。现在的一个需求是：需要在每行添加一个字段，不过不能在同一行显示，需要在下一行显示。我首先想到了直接加个,不过没有办法换行。在下面再加个也不行。只能依赖强大的angulajs，自定义指令。下面我们就开始。1自定义指令.directive('kbnTableRow',function($compile){return{restrict:'A',link:

hello-friend·2020-08-15 19:06

AngularJS路由实例(uiRoute、ngRoute)

介绍AngularJS的路由功能使得它能够在一个页面中呈现不同的视图页面。它的做法是将视图分解成布局和模板视图，并且根据用户当前访问的URL来展示对应的视图。

安人多梦·2020-08-15 19:04

ionic进入多级目录以后隐藏底部导航栏(tabs)解决方案

在有tabs的项目里，进入子层级时，底部导航还一直存在，本人是要让他只在首页几个界面存在，其他的隐藏，在这里用到了angularjs的指令，要完成这个步骤分为三步：在标签ion-tabs中添加：ng-class

Arkham_Knight·2020-08-15 19:54

ionic+AngularJS欢迎引导界面

最近在用ionic+AngularJS写个APP的欢迎引导界面，网上资源界面如下链接：http://forum.ionicframework.com/t/app-tour-guide-walkthrough

timtimup_KSM·2020-08-15 19:13

ionic+angularjs+cordova项目说明

接触到手机app开发设计，但没有实际参与开发，希望未来有机会能够参与，然后在这里做个笔记1.目前手机APP有三类：原生APP、WebAPP、HybridApp2.ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架，它自称为是“本地与HTML5的结合”。该框架提供了很多基本的移动用户界面范例，例如像列表（lists）、标签页栏（tabbars）和触发开关（toggleswitch

Alan_阿兰·2020-08-15 19:20

AngularJS监听数据变化范围-当输入框值改变时，计算新值与初始值的差

名称变化范围{{item.number-master[$index].number}}提交varstring=angular.module('string',[]);string.controller('myController',function($scope){$scope.orderLists=[{'number':123},{'number':456},{'number':789},{'n

吃瓜群众欢乐多·2020-08-15 19:19

AngularJS效果-包括输入框的设置和Tab栏切换（ng-class控制）

输入框的原理：把input不可见放在六个div上面；用js获取里面的内容截取分别展示在div里面新商盟html{font-family:"NotoSansCJKSC","SourceHanSansCN";font-size:12px;background:#efeff4;}ul,li{text-decoration:none;list-style:none;}li{float:left;width

吃瓜群众欢乐多·2020-08-15 19:19

angularjs-标签页tab选项卡

选项卡一：JavaScript+html+css#div1.active{background:blue;}#div1div{width:200px;height:200px;background:gray;border:1pxsolidblack;display:none;}window.onload=function(){varoDiv=document.getElementById('div

Mars-xq·2020-08-15 19:47

angularjs-自定义过滤器示例

过滤器结构{{带过滤数据|过滤器名：参数1：参数2：参数3.....}}app.filter('过滤器名',function(){returnfunction(待过滤数据,参数....){......return已过滤数据;}示例一：是否包含NamePhone-->{{friend.name}}{{friend.phone}}varapp=angular.module("myApp",[]);ap

Mars-xq·2020-08-15 19:47

ionic3的安装、使用

，为了秋招的时候有拿得出手的作品，我们就组了一个小团队写一个社交方面的APP，在这个APP开发中我们的前端是使用了一个前端的框架ionic写的，但是在使用ionic的时候，需要对TypeScript，Angularjs

占卜者·2020-08-15 19:44

AngularJS中过滤器filter的多字段匹配

1没有指定过滤哪个字段的情况下，默认filter会匹配所有字段的值，类似多个字段搜索。$scope.employees=[{id:101,name:'John',phone:'555-1276'},{id:1012,name:'Mary',phone:'555-104'},{id:104,name:'Adam',phone:'555-5678'},{id:104,name:'Julie',phon

杪杪兮·2020-08-15 19:04

angularJS 特殊字符过滤

Titlevarapp=angular.module("myapp",[]);app.filter("val1",function(){returnfunction(val,flag){returnval.replace(/法轮功|枪/g,flag);}});app.filter("val2",function(){returnfunction(val){returnval.replace(/法轮

余生I·2020-08-15 19:50

angularJS-打开新的标签页

angularJS-打开新的标签页打开新的标签页varpro=angular.module("myPro",[]);pro.controller("myProController",["$scope",

艾斯德斯的博客·2020-08-15 19:39

angularJs file ng-change无效及上传后清空选中的文件

fileng-chanage失效Angular对应onchange事件的指令是ng-chanage，但是在input[type=file]时ng-change是无效的。原因：ng-change要与ng-model一起使用，但是对于file来讲，ng-model无法取到文件对象。解决方案：在controller里面定义函数：$scope.uploadImage=function(files){//上

摸路·2020-08-15 19:47

ionic项目中跨页面传递参数的几种方式

1、使用angularjs自带的$cacheFactory服务$cacheFactory从字面直译即为缓存工厂，可以用它来生成缓存对象，缓存对象以key-value的方式进行数据的存储，在整个应用内是单例的

qnhhx·2020-08-15 19:05

angularJS中input相关指令详解

outsiderlcy·2020-08-15 19:28

angularJS 自定义指令间的相互交互

angularJS自定义指令间的相互交互angularJS自定义指令transclude：当元素标签需要嵌套时使用，与ng-transclude配合使用。

outsiderlcy·2020-08-15 19:28

[Ionic]从代码打包到代码部署

项目的手动打包与发布流程:typescript/angular/ionic的关系Typescript:是javascript的超集，也即包含了javascript所有的元素，同时它也是面向对象编程语言；Angular:除了AngularJs

moxiaomomo·2020-08-15 18:04

angularJS绑定数据中对标签转义的处理

一、问题默认情况下，angularJS绑定的数据为字符串文本，不会对其中包含的html标签进行转义生成格式化的文本。在实际工作时碰到接口返回的数据带有html格式时该如何处理。

miniminixu·2020-08-15 18:33

angularJs增加行的操作

angularJs增加行的操作×规格编辑规格名称新增规格选项规格选项排序操作删除//$scope.entity={specificationOptionList:[]};//增加规格选项行$scope.addTableRow

maxchenBug·2020-08-15 18:02

Ionic项目打包Android版本实战

最近在带团队做一个前端用Ionic＋angularjs的webapp项目，由于自身不是做前端的，所以不太了解ionic，正好前端人员也是半吊子，所以只有自力更生学着自己打android包，在网上不断搜索打包方案

米饭超人·2020-08-15 18:40

利用ionic1 、angularJs1 框架来做的一款app (三)实现路由ion-tabs

目录(1).导包(2).写js路由(3).绘制html页面(4).在controller.js添加声明对应controller(5).在index.html声明整个app用这个模型(6).三个html页面(7).效果图(1).导包(2).写js路由angular.module('starter',['ionic','starter.controllers','starter.services'])

lions_mouse·2020-08-15 18:07

Angularjs增加/删除表格

1.引入2.html部分新建新增规格选项规格选项排序操作删除3.jsvarapp=angular.module("test",[]);app.controller('con',function($scope){$scope.addTableRow=function(){$scope.entity.specificationOptionList.push({});}$scope.deleteTabl

keyuzhang·2020-08-15 18:17

使用ionic开发手机app中，设置tab中的icon为自定义图标的方法

最近，由于项目需求，研究了一下angularjs+ionic+cordova开发手机app。问题描述：在开发过程中，我想使用自定义的图片设置tab中的icon，但是并未生效。

jinrui_w·2020-08-15 18:08

angularjs 前台复杂的json串传到后台接受（简单）总结

字符串：{"childs":[{"_id":14,"alpha":0,"areaSelect":true,"background":"","backgroundColor":"255,255,255","childs":[{"_id":10000,"alarmColor":"255,0,0","alpha":1,"borderColor":"255,255,255","borderWidth":0

满地节操1·2020-08-15 18:33

推荐频道

【AngularJS:

关于angularJS的$watch的 一些小用法