对于一般的使用者来说，AngularJS的ng-app都是手动绑定到某个dom元素。但是在一些应用中，这样就显得很不方便了。 绑定初始化通过绑定来进行angular的初始化，会把js代码侵入到html中，但是对于新手使用来说，还是足够了！ <html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script> </head> <body ng-app="myApp...
AngularJs学习笔记系列第一篇，希望我可以坚持写下去。本文内容主要来自 http://docs.angularjs.org/guide/ 文档的内容，但也加入些许自己的理解与尝试结果。 一、总括 本文用于解释Angular初始化的过程，以及如何在你有需要的时候对Angular进行手工初始化。 二、Angular <script> 标签 本例用于展示如何通过推荐的路径整合Angular，实现自动初始化。 <!doctype html><html xmlns:ng="http://angularjs.org" ng-app><body>...<scri...
1.关于什么是AngularJs以及什么是bootstrap我就不多说了，简单说下，AngularJs是一个比较强大前台MVC框架，bootstrap是Twitter推出的一个用于前端开发的开源工具包，可以迅速搭建web前台，可以去官网看看（AngularJs：http://angularjs.org/ ，bootstrap：http://twitter.github.io/bootstrap/）。 2.github上有一个比较好的纯净AngularJs app的种子，可以去github下载，地址：https://github.com/glitchtank/angular-seed-master。...
1.用AngularJs app种子初步搭载好框架之后就需要我们手动往里面填充一些东西了，首先打开我们的app文件夹下面的index.html,加入一些我们需要用的js和css（当然是bootstrap的），代码如下： <script src="lib/angular/angular.min.js"></script> <script src="lib/jquery/jquery-1.10.2.min.js"></script> <script src="lib/bootstrap/bootstrap.min.js"></script> <script src="js/app.js"></script> <script src="js/services...
这个简单的框架最后只剩下了js的控制部分了，angular框架有自己的逻辑部分，有自己的controller和service层，由于我们可能要用到angular的一些内置的resource和cookie，所以我们需要再加入angular的一些lib： --------------index.html------------------<script src="lib/angular/angular-strap.js"></script> <script src="lib/angular/angular-resource.js"></script> <script src="lib/angular/angular-cookies.js"></sc...
我们将利用Angularjs 和 Bootstrap，开发一个前端应用实例，通过这一次简单的项目实战，引领大家进入AngularJS前端开发的殿堂，并向大家介绍一下几个知识点： 1.MVC 基础，通过项目实例，让大家初步体会MVC设计模式的应用。 2.构建我们第一个AngularJS应用，通过一个实际用例的开发，大家可以对前端开发获得一定的感性认识。 3.初步了解AngularJS三个最重要的组成部件，他们分别是Model, View, 和Controller. 4.初步了解Angula...
指令 directive(bsPopup, function ($parse) { return { require: ngModel, restrict: A, link: function (scope, elem, attrs, ctrl) { scope.$watch(function () { return $parse(ctrl.$modelValue)(scope); }, function (newValue) { if (newValue ==0) { $(elem).modal(hide); return; } if (newValue == 1) { $(elem).modal(show); return; } }); } } }); <button class="btn btn-xs btn-warning" data-target="#myModal" dat...
本篇文章主要介绍了"angularjs+bootstrap+ngDialog实现模式对话框"，对于Javascript教程感兴趣的同学可以参考一下： 在完成一个后台管理系统时，需要用表显示注册用户的信息。但是用户地址太长了，不好显示。所以想做一个模式对话框，点击详细地址按钮时，弹出对话框，显示地址。 效果如下图：通过查阅资料，选择使用ngDialog来实现，ngDialog是一个用于Angular.js应用的模式对话框和弹出窗口。ngDialog非常小（?2K），拥有简约的A...
看了一个关于Angularjs的视频，视频内容讲解的是如何制作一款TODO list形式的SPA（Simple Page Application,单页面应用)。为了增强理解，下面写了一篇文章，用以复习巩固。 准备 Angularjs下载 说是下载，其实只要能在我们的页面中引用到Angularjs即可。可以有如下方式。 CDN加速 使用国内的CDN加速服务也是可以的。代码如下:<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> npm 方式 使用Nodejs的包管理...
AngularJS BootstrapAngularJS 的首选样式表是 Twitter Bootstrap， Twitter Bootstrap 是目前最受欢迎的前端框架。查看 Bootstrap教程。Bootstrap你可以在你的 AngularJS 应用中加入 Twitter Bootstrap，你可以在你的 <head>元素中添加如下代码:<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">如果站点在国内，建议使用百度静态资源库的Bootstrap，代码如下：<link rel="styles...
在一个项目中需要一个用来输入分钟数和秒数的控件，然而调查了一些开源项目后并未发现合适的控件。在Angular Bootstrap UI中有一个类似的控件TimePicker，但是它并没有深入到分钟和秒的精度。 因此，决定参考它的源码然后自己进行实现。 最终的效果如下： 首先是该directive的定义： app.directive(minuteSecondPicker, function() {return {restrict: EA,require: [minuteSecondPicker, ?^ngModel],controller: minuteSecondPic...
背景：angular与jquery类库的协作第三方类库中，不得不提的是大名鼎鼎的jquery,现在基本上已经是国内web开发的必修工具了。它灵活的dom操作，让很多web开发人员欲罢不能。再加上已经很成熟的jquery UI 库和大量jquery 插件，几乎是一个取之不尽用之不竭的宝库。然而，它是否能与angularjs结合呢？很多angularjs原教旨主义者对此持否定态度。他们认为，既然已经使用了angularjs做web应用框架，那就必须避免其他类库的干扰，做纯净的...
在上节简单介绍了Angular js框架，在这节将继续Angular的Bootstrap(引导)和Compiler(编译)机制。一：Bootstrap：Angular的初始化1：Angular推荐的自动化初始如下：<!doctype html> <html xmlns:ng="http://angularjs.org" ng-app> <body> ... <script src="angular.js"> </body> </html 利用ngapp标示你需要自动引导应用程序的根节点，一般典型为html tag。在DOMContentLoaded事件触发Angular会自动寻找ngapp作为应用的根节点，如果...
1、indexedDB（Model） -- 前端浏览器对象型数据库，一般我们后台用的数据库都是关系型数据库。那么indexeddb有什么特点呢：首先，从字义上它是索引型数据库，从实际使用中可以体现为，它需要为表创建索引才可以根据某个字段来获取数据，而在关系型数据库中，这明显是不需要的。其次，我不需要行列数据的转化，我只需要通过类似于数组的处理方式：代码如下: objectStore.push(data); 有点像是把一个json对象塞入数据库，是不是很暴...
Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJs 就是一个函数库，算不上一个框架，源码2万2千多行，提供了前端MVC的开发方式，有双向绑定，指令等特性，这是具有革命性的。我是多么反感jQuery 用选择器 选择元素 ，绑定事件，进行一大堆DOM操作，一旦代码过多，非常不好维护，html结构改变，又要重写js代码,不过 jQu...