angularjs

探索angularjs+requirejs全面实现按需加载的套路

在进行有一定规模的项目时,通常希望实现以下目标:1、支持复杂的页面逻辑(根据业务规则动态展现内容,例如:权限,数据状态等);2、坚持前后端分离的基本原则(不分离的时候,可以在后端用模版引擎直接生成好页面);3、页面加载时间短(业务逻辑复杂就需要引用第三方的库,但很可能加载的库和用户本次操作没关系);4,还要代码好维护(加入新的逻辑时,影响的文件尽量少)。 想同时实现这些目标,就必须有一套按需加载的... »

如何用angularjs制作一个完整的表格

由于本人也是边学边写,因此整理的比较乱,下面放出我例子的完整代码,方便大家交流测试,如有问题欢迎评论 首先,表格采用的是BootStrap样式编辑的,主要使用的是angularjs,为了方便也有jQuery的方法,在测试时需自行引入bootstrap,angularjs和jq的文件。  整体代码预览: HTML: <!DOCTYPE html> <html lang="en" n... »

angularjs自定义ng-model标签的属性

有的时候我们需要为非input类型的元素添加ng-model来实现双向的数据绑定,从而减少冗余代码,那么可以尝试一下的方式例如:我页面中使用了contenteditable这个属性来实现用户可直接编译的div元素html: .text 输出新数据但是直接绑定ng-model是肯定得不到数据的,这时就需要为其增加自定义的属性,如下所示。 »

angularjs在ng-repeat中使用ng-model遇到的问题

在ng-repeat中使用ng-model时会有许多问题,有的人碰到无法获取绑定的数据内容,有的人遇到改动绑定的数据内容时所有循环生成的内容一起改变。只要一个小小的改动html:ceshijs: $scope.cs=function这只是个简单的例子,如大家在实际使用时发现有别的问题也可以在评论中留言。 »

angularjs表格分页功能详解

接上一次,这次主要介绍表格分页功能,由于项目需要这个案例是关于前端分页的方式,现在很少会这么用了,但如有需要可以参考其中的思路 html: 1.通过UL来展示页标,其中每个页标的li是通过异步加载从获取到不同的表格数据来动态生成的。 <div class="pagination"> <ul style="float:right"> <li id="previous"&... »

使用angularjs创建简单表格

正文:HTML部分生成表格比较简单,主要是通过angularjs的数据绑定和ng-repeat来自动生成每一条信息。 »

Jquery和angularjs获取check框选中的值的方法汇总

在我们平常的开发中,有时候会需要获取一下check框选中的值,以及check框选中行的所有信息。这个时候有一个小技巧那就是我们可以把要获取的信息全部放到check框的值里面,这样我们可以获取check框选中值的时候也就相当于获取了当前行的信息。 复制代码 代码如下: <td><input class=”states” type=”checkbo... »

angularjs 中$apply,$digest,$watch详解

angularjs 中$apply,$digest,$watch详解

如果你对angular的$apply,$digest,$watch似懂非懂,那我相信下面几句话能让你深刻理解!此文针对已经了解过$apply,$digest,$watch的同学。也就是说你已经在很多的博客论坛搜索过$apply,$digest,$watch,虽然有点蒙,但似懂非懂的感觉。 »

angularjs创建弹出框实现拖动效果

本文实例介绍了angularjs创建弹出框实现拖动效果的相关代码,项目中需要将angular-ui-bootstrap中用到的弹出框,使之可拖动,分享给大家供大家参考,具体内容如下 运行效果图: 由于源文件中没有实现,需要自己实现指令,以下即为该指令,亲测可以实现。 .directive('draggable', ['$document', function($document) { return... »

angularjs实现文字上下无缝滚动特效代码

最近没有项目做,于是闲暇之余学习了下angularjs知识,然后写了一个文字上下无缝滚动的例子,主要写的是一个小小的指令。 css代码: 主要控制样式 <style type="text/css"> *{margin: 0px;padding: 0px;} .slide {width: 200px;height:200px;border:1px solid #dcdcdc;margin... »

实例详解angularjs和ajax的结合使用

实例详解angularjs和ajax的结合使用

网上对于ajax 的文也是多如牛毛 。请在上面网站下载ajaxpro 这个才是完善的版本引用dll文件后需要配置webconfig httphandler 作用就是让 上面的ashx请求转到我们的 ajaxpro代码 ,进而让我们的客户端js直接调用服务端方法调用成功。 »

基于angularjs实现图片放大镜效果

前言一开始打算用原生的angularjs写,但是发现用原生angularjs,无论如何都不能获取里面图片的宽度和高度,因为angularjs内置的jquery方法里没有winth() 、height()方法。最好我还是引入了jquery,在同一scope上绑定了宽度高度。如果指令scope没有特殊声明,那么就是父scope。指令生成的模板没有特殊意义,除非在特定的scope下编译,默认情况下,指令... »

angularjs学习笔记之双向数据绑定

这次我们来详细讲解angular的双向数据绑定。 一.简单的例子     这个例子我们在第一节已经展示过了,要看的移步这里     这里实现的效果就是,在输入框输入内容,下面也会相应的改变对应的内容。这就实现了数据双向绑定。 二.取值表达式与ng-bind的使用     我们再看一个例子,点击这里,文中出现的... »

angularjs 源码解析之scope

简介在ng的生态中scope处于一个核心的地位,ng对外宣称的双向绑定的底层其实就是scope实现的,本章主要对scope的watch机制、继承性以及事件的实现作下分析。isFunction) ; } if (! »

angularjs学习笔记之完整的项目结构

今天的主要讲解部分有以下几点:1.演示一个完整的项目结构 2.$scope的含义 3.模块化和依赖注入。一边看,一边学习,效果最好了~~~~下面我们来看这个截图,这就是一个完整的angularjs项目应该有的目录结构。2.framework:这里一般放一些除了angularjs之外的第三方需要的前端框架,比如bootstrap、ueditor等等。与angualrjs的directive命令中的t... »

angularjs 源码解析之injector

简介 injector是用来做参数自动注入的,例如 function fn ($http, $scope, aService) { } ng在运行时会把$http, $scope, aService 自动作为参数传入进行执行。 其实很容易想明白,injector做了两件事 缓存那些service,以后作为参数注入 分析参数列表,找到需要的参数注入 下面源码分析如何实现上面两件事情。 结构 crea... »

angularjs学习笔记之三大模块(modal,controller,view)

今天主要跟大家详细讲解一下angularjs的三大模块: modal,controller,view。二.如何使用控制器?然后我们来看上面代码蓝色的部分,controll.js的内容是: function controller; } angularjs找到一个ng-controller的指令,然后会找到定义这个指令的地方,就是controll.js文件,然后可以使用greeting.text直接获... »

indexedDB bootstrap angularjs之 MVC DOMO (应用示例)

1、indexedDB(Model) — 前端浏览器对象型数据库,一般我们后台用的数据库都是关系型数据库。那么indexeddb有什么特点呢:   首先,从字义上它是索引型数据库,从实际使用中可以体现为,它需要为表创建索引才可以根据某个字段来获取数据,而在关系型数据库中,这明显是不需要的。   其次,我不需要行列数据的转化,我只需要通过类似于数组的处理方式: 复制代码 代码如下: ob... »

angularjs学习笔记之简单介绍

一.angularjs简介 AngularJS 是一个为动态WEB应用设计的结构框架。}这是angularjs的一种表达式的写法,也就是中间的text是一个变量它与上面的模型名称相对应,能够实时监听input值的变化,即时更新视图展示 哈哈,angularjs还是挺简单的吧,希望这个小笔记能够引起大家对angularjs的兴趣,后面我还会继续更新angularjs的学习笔记。 »

angularjs封装bootstrap时间插件datetimepicker

然而,它是否能与angularjs结合呢?很多angularjs原教旨主义者对此持否定态度。他们认为,既然已经使用了angularjs做web应用框架,那就必须避免其他类库的干扰,做纯净的MvvM模式应用。但事实情况是,使用了angularjs我们就离不开jquery。众所周知,angularjs里面事实上已经内置了jquery lite.,而且angularjs源码中很多方法直接就是使用jque... »

深入理解angularjs过滤器

•在html文件中和在js文件中使用 $scope.form_time = $filter('date')($scope.time, 'yyyy-MM-dd HH:mm:ss'); <p>{{time | date: 'yyyy-MM-dd HH:mm:ss'}}</p> •内部过滤器和自定义过滤器 .filter('my_data_format',... »

angularjs表格ng-table使用备忘录

项目中用到angularjs的表格ng-table,功能相当强大,像搜索、排序、checkbox、分页、每页表格显示数目等都有。API,demo什么的也只能参考官网了。这里做个备忘,哪天肯定还会用到。 HTML: <!DOCTYPE html> <html> <meta charset="utf-8"/> <head> <script data... »

angularjs select 赋值 ng-options配置方法

数组方式 数据是数组 $scope.years = [2014, 2015, 2016]; 页面元素 <select ng-model="item" ng-options="item as y for y in years"> </select> 设置默认值 如果需要设置默认的选项,可以先设置一个参数: $scope.item = 2016; $scope.years = ... »

浅谈angularjs $http提交数据探索

浅谈angularjs $http提交数据探索

前两天在搞自己的项目,前端js框架用的是angularjs框架;网站整的差不多的时候出事了;那就是当我用$http.post()方法向服务器提交一些数据的时候;后台总是接收不到数据;于是采用了其他方法暂时性替代一下;今天正好有时间研究这个事情;网上查了很多资料;都试了试;都是不太好;但是还是给我提供了一些解决问题的思路;正文开始:首先做了个demo如下;主要 »

angularjs 获取默认选中的单选按钮的value方法

在Html页面中,有三个单选按钮,默认选中的是第二个“重要”这个选项,设置ng-checked=”true”,把该选项默认选中,可是在提交表单时,却提示$scope.level为undefine状态,明明默认选中了为什么却是undefine呢? 于是,先测试了一把:在Html页面写下下面的代码: <span style="font-size:18px;"><... »

Page 1 of 6123»