从官网下载了最新版本的Angularjs 版本号：1.3.15做一个简单的路由功能demo首页：index.html<!DOCTYPE html ><html> <head><meta charset="utf-8" /><title>测试</title><script src="./js/angular.min.js"></script><script src="./js/angular-route.min.js"></script> </head> <body ng-app="myApp"><div ng-controller="TextController"><p>{{someText}}</p></div><div ng-view></div> </body><script>var myApp = angular.modu...
一、代码如果看了这个效果有兴趣想知道怎么做出来的话，那就继续往下看吧。话不多少，直接上代码。html代码：<!DOCTYPE html> <html ng-app="cart"> <head><meta charset="UTF-8"><title>购物车</title><link rel="stylesheet" href="../scripts/angular-1.4.0-rc.2/docs/components/bootstrap-3.1.1/css/bootstrap.min.css"><link rel="stylesheet" href="main.css"> </head> <body ng-controller="cartCtr"> <table class="table...
前言对于select的下拉列表，像国家选择这样的功能，全世界那么多国家，一直拉滚动条多辛苦，眼睛也要盯着找，累！所以为优化用户体验，带查找功能的下拉框是非常非常有必要的。都知道jquery里有这样的插件，但我们用的是Angularjs,更希望用双向绑定，指令的方式优雅地解决这个问题。分析我们的目标是在原来的<select ng-options="">标签上新加一个属性 select-search 就能支持查找的功能。如果这个属性没起作用，也不影响原来的sel...
先给大家分享实现代码，在代码下面有效果图展示，大家可以两者结合参考下，废话不多说了，具体代码如下所示： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://code.angularjs.org/1.2.5/angular.min.js"></script> <style type="text/css"> td,th{ width: 150px; text-align: left; } table{ width: 800px; } .num{ width: 70px; text-align: center; } tr td:last-child button {...
AngularJS是开发基于浏览器的响应式RWD应用程序的一个前端MVC框架，由谷歌最初开发的 开源项目，干净的架构吸引了大量粉丝，适合建立CRUD类型的业务应用程序，并不适合开发游戏等应用， 使用声明性编程的用户界面和命令式编程的逻辑， 支持现代桌面和移动浏览器 Internet Explorer版本8.0及以上。 AngularJS是一款客户端MVC的javascript框架，而客户端MVC代表未来架构(为什么要使用MVC+REST+CQRS架构)，如果你有Struts或SpringMVC等...
AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样，这也会损失一部分灵活性。换句话说，并不是所有的应用都适合用AngularJS来做。AngularJS主要考虑的是构建CRUD应用。幸运的是，至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建，就得了解什么不适合用AngularJS构建。如游戏，图形界面编辑器，这种DOM操作很频繁也很复杂的应用，和CRUD应用就有很大的不同，它们不适合用An...
angular-material 是 AngularJS 的一个子项目，用来提供实现了 Material Design 风格的组件。 Material 提供了大量的android 风格的UI组件，使用 angularjs + Material 可以很容易开发出风格接近原生 Android 5.x 的web界面。但在实际使用的过程中并不总是能满足我们的需求。开发一个组件就成了我们必须学习的内容。 下面是一个组件的实现://前面省略若干代码 directive('mdSearchInput',[function(){ return{ restrict:'E', c...
八种AngularJS让人爱不释手的功能分享给大家，供大家参考，具体内容如下 第一 迭代输出之ng-repeat标签 ng-repeat让table ul ol等标签和js里的数组完美结合{{person.name}} is {{person.age}} years old.你甚至可以指定输出的顺序：第二 动态绑定之ng-model标签 任何有用户输入，只要是有值的html标签，都可以动态绑定js中的变量， 而且是动态绑定。对于绑定的变量，你可以使用{{}} 直接引用you input password is {{password}}如果...
身份验证 权限的设计中比较常见的就是RBAC基于角色的访问控制,基本思想是，对系统操作的各种权限不是直接授予具体的用户，而是在用户集合与权限集合之间建立一个角色集合。每一种角色对应一组相应的权限。一旦用户被分配了适当的角色后，该用户就拥有此角色的所有操作权限。这样做的好处是，不必在每次创建用户时都进行分配权限的操作，只要分配用户相应的角色即可，而且角色的权限变更比用户的权限变更要少得多，这样将简化用户的...
研究了下高大上的AngularJS决定试试它的表单编辑提交功能，据说比JQuery强的不是一星半点。 好奇呀，试试吧。。。。。搞了好久，尼玛。。。靠。。靠。。靠。。尼玛 。。靠。。靠。。。。好吧，谁让我手欠呢。 搜索到了很多关于AngularJS Form的案例 如： http://www.angularjs.cn/A08j https://github.com/tiw/angularjs-tutorial https://github.com/tiw/angularjs-tutorial/blob/master/ng-form.markdown https://github.com/tiw...
从官网下载了最新版本的Angularjs 版本号：1.3.15 做一个简单的路由功能demo 首页：index.html测试{{someText}} var myApp = angular.module('myApp', ['ngRoute']);myApp.controller('TextController', function ($scope) {$scope.someText = '测试显示内容';});//路由function emailRouteConfig($routeProvider) {$routeProvider.when('/', {controller: ListController,templateUrl: 'list.html'}).when('/view/:id', { //在id前...
AngularJS支持通过在单个页面上的多个视图的单页应用。要做到这一点AngularJS提供ng-view 和 ng-template指令，以及 $routeProvider 服务。 ng-view ng-view 标记只是简单地创建一个占位符，是一个相应的视图(HTML或ng-template视图)，可以根据配置来放置。 使用 定义一个div与ng-view在主模块中。... ng-template ng-template 指令是用来创建使用script标签的HTML视图。它包含一个用于由$routeProvider映射控制器视图“id”属性。...
要实现这个功能，可以通过 https://github.com/sroze/ngInfiniteScroll 这个第三方控件来实现。步骤如下： 1. 下载ng-infinite-scroll.js程序 http://sroze.github.io/ngInfiniteScroll/ 目前版本是1.0.0 2. 如果你是用的jQuery2.0以上版本，还需要修改ng-infinite-scroll.js程序，将所有的将所有的$window.xxx改为$(window).xxx, elem.xxx改为$(elem).xxx 3. 在HTML中引入script4. HTML示例代码如下：
AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。所以我做了一些工作（你也可以觉得是小花招）来让浏览器做我想要的事。 这里用到AngularJS四大特性之二----双向数据绑定注意：没写一行DOM代码！这就是ng的优点，bootstrap.css为了布局，JS代码也只是简单创建ng模块和ng控制器效果：全选/取消全选全选和取消全选选择 姓名 操作Tom删除Ma...
接上一次，这次主要介绍表格分页功能，由于项目需要这个案例是关于前端分页的方式，现在很少会这么用了，但如有需要可以参考其中的思路 html： 1.通过UL来展示页标，其中每个页标的li是通过异步加载从获取到不同的表格数据来动态生成的。上一页下一页当前为第页，总共页js： 1.首先需要设置每页想要显示的条数，通过选取页面元素来确定本次生成的总条数，以及当前所在的页数（为跳转做准备） 2.如果总页数大于生成的当前页数，则继...