angularJS

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相关指令详解

input相关指令ng-disabled（按钮、输入框禁用的状态）-服务$interval代码示例：varm=angular.module('myApp',[]);m.controller('Aaa',['$scope','$interval',function($scope,$interval){variNow=5;$scope.text=iNow+"秒";$scope.isDisabled=t
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 $scope.$watch 遇到的问题

angularjs可以使用$scope.watch监听对象的变化$scope.prizeDrawRecordId=prizeDrawRecord.id;$scope.
gptancy·2020-08-15 18:27

用angularJS的ng-model绑定到select上，会自动增加一个value为空的option,去掉此空格

增加前html：增加ng-model后：在FF中审查元素，你会发现它自动添加了一个空的option项，如下图解决方案：方法一：将select中的一个option设置为空，就可以防止因添加ng-model自动添加空option的问题，在本例中编码手机号方法二：自己预先添加一个value为空的option，再用ng-if="false"把它去掉编码手机号
fn_2015·2020-08-15 18:48

angularjs显示html文本

Angularjs中输出变量使用“{{}}”或者“ng-bind”，但是如果变量中有html代码的话，angularjs为了xss安全，默认是不解析html，直接原样显示html代码。
fishermanmax·2020-08-15 18:16

angular gulp_使用gulp-ng-config为Angular应用正确设置环境变量

angulargulpConfiguringenvironmentvariables(envvarsforshort)inAngularisnowmucheasiertodo.Inthistutorial,weshallsetenvironmentvariablesforanAngularJSappusinggulp-ng-config
culiu9261·2020-08-15 18:52

AngularJs输出字符串换行\n或
不管用时，要用ng-bind-html配合解决

1、controller/*显示条件表达式*/varmyConExpController=['$scope','$http','myCache',function($scope,$http,myCache){//显示当前条件表达式$scope.$on('showConExpEvent',function(event,data){varlen=data.length;vardataStr="";if
Franciswmf·2020-08-15 18:02

关于angularjs中,数据模型被改变,页面不刷新的解决办法

刚用angularjs时,确实被它的双向数据绑定震住了,但同时没有完合使用angularjs的方法,从而出现数据模型被改变,但页面不能随之更改,需要$scope.
银狐被占用·2020-08-15 18:25

angularjs手动识别字符串中的换行符

情景一html：{{value}}controller:$scope.value="1.javaScript\n2.html5\n3.C++";显示：1.javaScript2.html53.C++情景二html：{{value}}controller:$scope.value=$scope.resource.valuestr;//从strings_en.properties文件中读取字符串str
蚂蚁冲锋队·2020-08-15 18:25

angularjs源码笔记(3)--injector

简介injector是用来做参数自动注入的，例如functionfn($http,$scope,aService){}ng在运行时会把$http,$scope,aService自动作为参数传入进行执行。其实很容易想明白，injector做了两件事缓存那些service，以后作为参数注入分析参数列表，找到需要的参数注入下面源码分析如何实现上面两件事情。结构createInjector->create
alexqdjay1·2020-08-15 18:47

Ionic+angularjs跨平台学习笔记-目录结构分析篇

上一篇的学习笔记记录了Ionic+angularjs跨平台开发的前期准备，就是安装相应的环境：https://blog.csdn.net/Ruan_Number3/article/details/89138026
阮小鬼·2020-08-15 18:10

【ionic+angularjs】iphone手机页面滑动出现空白页面

在开发ionic的页面时，在iphone手机上使用时，屏幕的上下滑动经常会出现白屏（页面空白）。经分析得出出现这种情况的原因：1、在标签中设置了属性overflow-scroll="true"2、页面中所有元素在渲染后的高度没有超出允许展示的高度（不会出现滚动条）去掉属性overflow-scroll="true"，即使用ionic原生滚动，不管页面中所有元素在渲染后的高度是否超出时都正常（这种做
MCpang·2020-08-15 18:00

AngularJS基础 之 依赖注入的几种方法

本文参考AngularJs权威指南概念依赖注入是一种设计模式，它可以去除对依赖关系的硬编码，从而可以在运行时改变甚至移除依赖关系。
Luo_xinran·2020-08-15 18:29

AngularJS ng-model获取不到WdatePicker值的解决方案

details/55252832https://blog.csdn.net/u010884130/article/details/519307391)加一个onChange=""2)在directive中实现使用AngularJSdirective
Henry_Wu001·2020-08-15 18:51

angularjs输入框不允许输入空格

html部分代码：修改密码账号:原密码:新密码:密码是必须的密码长度必须不少于6密码长度必须不大于18确认密码:确认取消js部分代码：//禁止输入空格functionTrim(str,is_global){varresult;result=str.replace(/(^\s+)|(\s+$)/g,"");if(is_global.toLowerCase()=="g"){result=result.
HappyChen666·2020-08-15 17:01

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

AngularJS路由实例(uiRoute、ngRoute)效果图实例代码index.htmltab-index.htmlconfig.js.state("tabs",{url:"/tabs",templateUrl
安人多梦·2020-08-15 17:00

ionic+AngularJs项目

ionic项目流程1.自己创建的文件夹名称2.创建一个ionic空项目ionicstartoneAppblank3.在WWW文件夹下创建templates,controllers文件夹4.开始项目配置主页面../WebContent/www/index.htmlapp.js添加../WebContent/www/js/app.jsangular.module('myapp',[]).run(fun
Alan_阿兰·2020-08-15 17:57

angularJS过滤器 {{name}}

angularJS首先我们要对angularJS有一定简单的了解的过滤器angularJS过滤器（大标题小标题）|:管道符号，用来分割数据和过滤器currency:货币金额的操作代码示例：（此次展现了所有代码
outsiderlcy·2020-08-15 17:42

angularJS之ngModel绑定日期类型出现错误Angular error:datefmt的解决办法

$scope.dateQry="2014-12-24";在angular中故意将inputtype=date类型的ng-model限制为Date类型。如果ng-model不为Date类型就会出现以下错误。Error:error:datefmtModelisnotadateobject第一种解决方法是将ng-model的值转换为Date类型。$scope.dateQry=newDate("2014-
飞鹰再现·2020-08-15 17:32

angularjs修改在微信扫一扫或支付宝扫一扫后title的名字

最近有一个需求，将angularjs写的h5页面放在微信和支付宝中使用（用扫一扫或放在公众号，生活号中），因为angular是单页面应用，所以所有页面的title都一样。。。
zyf-baby·2020-08-15 16:55
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他