angularJS
关注
分享
扫一扫
文章平均质量分 72
superjunjin
在移动开发的道路上奋力前行
展开
-
angularjs重新出发-过滤器篇
文章目录排序过滤器单个过滤器多个过滤器带参数过滤器匹配过滤器自定义过滤器排序过滤器单个过滤器{{表达式 | 过滤器名}}多个过滤器{{表达式 | 过滤器名1 | 过滤器名2}}带参数过滤器{{表达式 | 过滤器名1 : 参数1 : 参数2}}匹配过滤器自定义过滤器...原创 2019-11-06 23:06:57 · 143 阅读 · 0 评论 -
angularjs重新出发-基础篇
angularjs重新出发-基础篇ng-app属性ng-controller属性{{}}和ng-bind属性1，闪现问题2，组合字符串问题$eval()方法功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公...原创 2019-10-24 23:02:46 · 178 阅读 · 0 评论 -
angular应用启动过程
一，找到启动文件在项目的angular文件中，找到启动的页面和脚本文件图中则分别是index.html和main.ts文件二，主脚本启动主模块在主脚本main.ts文件中启动主模块AppModule三，主模块文件中加载其他模块（直到模块都加载好）主模块文件src/app/app.module.ts 去加载红框中的模块四，加载index.html(a...原创 2018-08-15 14:02:06 · 1414 阅读 · 1 评论 -
angular总结-directive指令基础
总结自http://www.imooc.com/learn/156 AngularJS权威教程一，指令基础概念1，第一个指令<my-directive></my-directive>假设我们已经创建了一个完整的HTML文档，其中包含了AngularJS，并且DOM中已经用ng-app指令标识出了应用的根元素，当AngularJS编译HTML时就会调用指令。myDirective指令的定义看起来是这原创 2017-07-01 23:43:57 · 830 阅读 · 0 评论 -
angularjs ng-submit
介绍http://docs.ngnice.com/api/ng/directive/ngSubmit定义和用法ng-submit 指令用于在表单提交后执行指定函数。语法<form ng-submit="expression"></form><form> 元素支持该属性。参数值expression 表单提交后函数将被调用，或者一个表达式将被执行，表达式返回函数调用。例子<!doctype htm原创 2017-09-08 17:42:59 · 1373 阅读 · 0 评论 -
angularjs $sce
错误iframe加载网页链报错<iframe class="wh100" src="{{serverUrl}}"></iframe>修改这样就正常显示了<html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </he原创 2017-08-18 17:38:20 · 2716 阅读 · 0 评论 -
angularjs input
input[checkbox]http://docs.ngnice.com/api/ng/input/input%5Bcheckbox%5D复选框：ng-model为true，即为选中状态（选中后，ng-model置为true）ng-true-value：设置选中的值 ng-false-value：设置未选中的值<script> function Ctrl($scope) { $sco原创 2017-01-10 19:09:59 · 1797 阅读 · 0 评论 -
angularjs ng-class
apihttps://docs.angularjs.org/api/ng/directive/ngClass http://docs.ngnice.com/api/ng/directive/ngClass使用方式The directive operates in three different ways, depending on which of three types the expressi原创 2017-01-10 11:12:09 · 1058 阅读 · 0 评论 -
angular中如何监控页面加载完毕
一，网上一些不起作用的方法1，在controller里面利用on或者on或者watch$scope.$on('$viewContentLoaded', function() { alert('1'); }); $scope.$watch('$viewContentLoaded', function() { alert('1'); }); 2，利用data-ng-i原创 2016-11-26 21:37:57 · 27661 阅读 · 5 评论 -
通过angular.element，转变成jquery对象，改变样式！
一，angular.element方法的api解释http://docs.ngnice.com/api/ng/function/angular.elementWraps a raw DOM element or HTML string as a jQuery element.包装一个dom元素或html字符串，转变为一个jquery对象二，demo效果（页面初始加载后，改变ion-radio任意一行原创 2016-11-26 17:30:21 · 6482 阅读 · 0 评论 -
angularjs-filter
一，orderByhttps://docs.angularjs.org/api/ng/filter/orderBy1，使用方法In HTML Template Binding {{ orderBy_expression | orderBy : expression : reverse : comparator}} In JavaScript $filter(‘orderBy’)(collect原创 2016-12-05 20:55:06 · 772 阅读 · 0 评论 -
angularjs ng-repeat
angularjs ng-repeat原创 2016-12-13 21:01:16 · 2822 阅读 · 0 评论 -
ionic项目之排序问题
1，一开始用js原生的排序方法，有个错误（超过十条数据后就会排序混乱，可能是在angularjs中使用js原生方法的bug）var results = results.sort(function(a, b){ switch ( sortKey ) { case "date": retur原创 2015-03-09 17:56:51 · 5452 阅读 · 0 评论 -
ionic项目之上传下载数据
一，首先是上传数据二，然后是下载数据原创 2015-03-10 10:59:07 · 14883 阅读 · 0 评论 -
ionic项目之ngcordova插件
一，$cordovaDialogs（对话框插件）http://ngcordova.com/docs/plugins/dialogs/有一个问题是浏览器上运行和移动设备上运行的确定和取消按钮的位置是反的（移动设备上是正确的）也可以用ionic的http://www.ionicframework.net/docs/api/service/$ionicPopup/（没试，忘了ionic自原创 2015-03-17 18:46:35 · 23222 阅读 · 1 评论 -
ionic项目之图片的选择与上传
由于ionic框架是基于angularJS的，开发hybrid app混合应用的，但angularJS本身没有太多对移动设备硬件的支持，所以找到两种方法解决这个问题！一，ngCordova插件：ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展，让开发者可以方便的在HybridApp开发中调用移动设备的功能，即可以在AngularJs代码中访问原创 2015-02-02 16:26:09 · 45619 阅读 · 3 评论 -
ionic的侧滑和下拉刷新效果
一，侧滑效果主要涉及到三个地方1，菜单页面主要分为主页面和侧滑页面两部分，又分别都包含顶部bar和主要内容部分注意：主页面内容部分，关键的菜单内容name要对应到是菜单内容的页面（在app.js中，下面会贴出） item href的构成：1，#本页面 2，app本页面链接 3，todolist/{{menu.groupId}}列表页面链接（没有冒号）原创 2015-04-03 19:57:10 · 43915 阅读 · 1 评论 -
ionic框架环境配置
参考文章Cordova 3.x 基础（1） -- 环境搭建（Windows / Android） http://rensanning.iteye.com/blog/2016364phoneGap之Android环境搭建 http://haomou.net/2014/08/06/2014_phonegap_android/ionic框架配置 http://haomou.net/2原创 2015-02-02 19:57:26 · 26059 阅读 · 6 评论 -
ionic项目之ngcordova插件之camera
参考文章https://github.com/driftyco/ng-cordovahttp://ngcordova.com/docs/plugins/camera/官方解释是既可以用来拍照也可以录视频（只试用了拍照功能）首先，装插件 cordova plugin add org.apache.cordova.camera然后，如果之前配置过ngcordova原创 2015-02-04 10:37:33 · 19468 阅读 · 2 评论