AngularJS
关注
分享
扫一扫
bug师姐
bug师姐
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
require.js的用法
一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 这段代码依次加载多个js文件。这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加转载 2016-05-03 19:31:23 · 517 阅读 · 0 评论 -
深究AngularJS——AngularJS中的Controller(控制器)
先看个示例<div ng-app="myApp" ng-controller="myCtrl"> <!-- 在该控制器内保存着如下两个Model里的数据 ng-model 指令用于双向绑定输入域到控制器的属性 --> 第一个数字: <input type="text" ng-model="first"><br> 第二个数字: <input type="text"原创 2017-02-15 14:09:34 · 5133 阅读 · 0 评论 -
AngularJS相关网站存档
教程AngularJS入门教程：http://www.ituring.com.cn/minibook/303AngularJS 教程：http://www.runoob.com/angularjs/angularjs-tutorial.html文件上传 : angularJS的底层一次只能上传一个文件API : http://www.bootcdn.cn/angular-file-upload/re原创 2016-05-05 15:38:29 · 682 阅读 · 0 评论 -
深究AngularJS——过滤器（filter）
详解过滤器原创 2016-05-14 14:24:23 · 4446 阅读 · 2 评论 -
深究angularJS——（上传）FileUploader中文翻译
1.???????http://www.bootcdn.cn/angular-file-upload/readme/ API ? https://github.com/nervgh/angular-file-upload/wiki/Module-API ??? ???http://nervgh.github.io/pages/angular-file-upload/examples/simpl翻译 2016-06-16 16:27:09 · 21052 阅读 · 8 评论 -
angular项目如何分层
我最开始接触的就是后端代码，所以对于前端的分层有些自认为较好建议。 我所见到前端人员给angular的分层结构： controller service dao 这种结构只适用于小项目，如果项目很大，代码很多，管理起来就会出问题。 我们来看看后台的分层： 从上图可看出，后台基本上是选按照功能划分一层目录，每个功能里面再按照上分层划分。所以建议angular也可原创 2016-07-19 18:08:10 · 3143 阅读 · 1 评论 -
深究AngularJS——监听模型$watch
前言1.$watch是scope内置的函数，它的作用是用来监听数据的变化。 2.$watch可监听哪些数据？ 单个对象的属性 需要计算的结果（函数） 3. 语法: $scope.$watch(F,M,B);对$watch参数的了解F：要监听的数据（表达式或函数的字符串），主要是监听这些数据改变没有。它会返回被监听数据的当前值。M：当监听的数据发生变化时，就会调用M（它是函数或原创 2016-05-12 13:53:44 · 15542 阅读 · 1 评论 -
深究AngularJS——ng-checked（回写：带真实案例代码）
1.需求在添加页面实现一个checkbox的选择，然后在详情页面展示时，会自动选上之前被选中的。2.添加页面看官最好将这个代码复制过去看看效果。<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></s原创 2016-05-13 11:36:58 · 16620 阅读 · 1 评论 -
深究AngularJS——校验（非form表单）
为什么是非form表单？因为基本上都是通$http服务异步发送与接收数据，没有form表单个一样可以。更何况，form表单的提交校验在哪里都可以搜索得到，我这个是通过自己总结出来滴。<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/原创 2016-05-13 13:46:10 · 4668 阅读 · 0 评论 -
深究AngularJS——$sce的使用
为什么要要$sce？因为angularJS里好些地方，比如路径默认是个字符串，不会认为是路径，从而访问不到我们需要的东西，那么我们就可以通过$sce告诉angualrJS这个路径，这样是很安全滴。它有以下几种：$sce.trustAs(type,name);$sce.trustAsUrl(value);$sce.trustAsHtml(value);$sce.trustAsResourceUr原创 2016-05-13 14:37:38 · 17597 阅读 · 1 评论 -
深究AngularJS——排序
先看看代码吧： //按时间排序<html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><div ng-app="myApp" ng-controller="myCtrl"> <原创 2016-05-13 18:28:23 · 1693 阅读 · 0 评论 -
深究AngularJS——ui-router详解
1.配置使用ui-router1.导入js文件需要注意的是：必须导入angular.min.js这个文件，且angular.min.js必须导入在angular-ui-router.min.js前面。<script type="text/javascript" src="JS/angular.min.js"></script><script type="text/javascript" src="原创 2016-07-26 13:45:14 · 48089 阅读 · 13 评论 -
深究AngularJS——ng-drag、ng-drop
1.插件下载地址：https://github.com/fatlinesofcode/ngDraggable/blob/master/ngDraggable.js2.讲解<div ng-drop="true" ng-drop-success="dropComplete($index,$data,$event)" ng-repeat="item in content"> <li ng-drag原创 2016-06-16 14:25:23 · 14556 阅读 · 3 评论 -
AngularJS自定义指令详解（有分页插件代码）
前言除了 AngularJS 内置的指令外，我们还可以创建自定义指令。 通过 .directive() 函数来添加自定义的指令。 调用自定义指令时，需要在HTMl 元素上添加自定义指令名。 自定义指令命名规则：使用驼峰命名法来命名，即除第一个单词外的首字母需大写。如： myDirective。 在html页面调用该指令时需要以 - 分割，如： my-directive。示例代码：<body原创 2016-05-06 14:44:31 · 13102 阅读 · 2 评论 -
深究AngularJS——自定义服务详解(factory、service、provider)
前言3种创建自定义服务的方式。 FactoryServiceProvider大家应该知道，AngularJS是后台人员在工作之余发明的，他主要应用了后台早就存在的分层思想。所以我们得了解下分层的作用，如果你是前端人员不了解什么是分层，那么你最好问问你后台的小伙伴。 dao层：就是Model层，在后台时，这一层的作用，就要是写与数据库交互数据的一层，在angularJS里就主要是写ajax原创 2016-05-14 09:56:39 · 50582 阅读 · 4 评论 -
深究AngularJS——下拉框（selected）
即使写一个下拉框，也会有多种情况，我这里讲讲我遇到过的。1. 将值写死的情况：<body><div ng-app="myApp" ng-controller="myCtrl" > <select ng-model="adStyle" ng-change="look();" > <option value="0">全部广告类型</option> <optio原创 2016-05-13 10:46:08 · 16483 阅读 · 2 评论 -
深究AngularJS——如何获取input的焦点（自定义指令）
我佛慈悲，取经（转载）请说明出处，以便更多人来本寺取得真经，阿弥陀佛1. 写在前面关于如何获取input框、textarea等的焦点，网上有许多文章都只是会跟你说ng-focus这个内置指令。像这种解答，只能说明作者并为真正理解人家的需求。ng-focus是一个事件，跟原生JS（JavaScript）的onfocus是一样的，当我们点击input框时，就会触发该事件，而在该事件里我们可以调用一个函数原创 2016-05-12 10:47:35 · 25461 阅读 · 5 评论 -
AngularJS简介
AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入。AngularJS主要考虑的是构建CRUD应用。幸运的是，至少90%的WEB应用都是CRUD应用。什么不适合用AngularJS构建？如游戏，图形界面编辑器，这种DOM操作很频繁也很复杂的应用，和CRUD应用就有很大的不原创 2016-05-05 14:26:22 · 734 阅读 · 0 评论