AngularJS
文章平均质量分 84
咸鱼老罗
干活人
展开
-
ui-select官方教程(一)——入门简介
文档原文地址https://github.com/angular-ui/ui-select/wiki入门指南简介ui-select是AngularJS官方制作的下拉框插件,和AngularJS搭配使用,效果很好。要求Angular >=1.2.18ngSanitize module添加jQuery(旧版浏览器支持可选)Bootstrap (v3)/Select2翻译 2017-07-07 18:36:57 · 19557 阅读 · 6 评论 -
AngularJS系列(十一)——路由和复制
路由路由允许我们通过不同的 URL 访问不同的内容。我觉得听夸张,以前这都是后台的控制器来处理的,如servlet,springMVC这类。通过 AngularJS 可以实现多视图的单页Web应用(single page web application,SPA)。<body ng-app='routingDemoApp'><h2>AngularJS 路由应用...原创 2018-09-06 16:42:57 · 281 阅读 · 0 评论 -
AngularJS系列(九)——模块
模块定义了一个应用程序。模块是应用程序中不同部分的容器。模块是应用控制器的容器。控制器通常属于一个模块。通过 AngularJS 的 angular.module 函数来创建模块var app = angular.module("myApp",[]);"myApp" 参数对应执行应用的HTML 元素。模块中可以添加控制器,定义过滤器、定义指令。在模块定义中原创 2017-09-08 17:09:33 · 304 阅读 · 0 评论 -
AngularJS系列(八)——事件
ng-click :点击ng-click 指令定义了 AngularJS 点击事件。 点我! {{count}}var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) { $scope.count = 0;});ng-hide:隐原创 2017-09-08 17:07:25 · 722 阅读 · 0 评论 -
AngularJS系列(七)——HTML DOM操作
ng-disabled 指令 点我! {{mySwitch}} 实例讲解,双向绑定ng-disabled 指令绑定应用程序数据"mySwitch" 到 HTML 的 d原创 2017-09-08 17:03:37 · 982 阅读 · 0 评论 -
AngularJS系列(六)——表格
用ng-repeat显示表格十分方便容易基本显示 {{x.Name}} {{x.Country}} var app = angular.module('myA原创 2017-09-08 15:31:00 · 424 阅读 · 0 评论 -
AngularJS系列(五)——下拉框
AngularJS 可以使用数组或对象创建一个下拉列表选项,ng-option 指令来创建一个下拉列表,ng-init设置默认选中值通过数组赋值 选择的公司是{{selectedName}}var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) { $原创 2017-09-08 14:32:17 · 863 阅读 · 0 评论 -
AngularJS系列(四)——服务
服务是一个函数或对象,可在AngularJS应用中使用。可以和后台中的service去理解。$location$location,和js中的location作用相似,下面是返回当前页面URL的实例 当前页面的url:{{myUrl}}该实例使用了内建的 $location 服务获取当前页面的 URL。var app = angular.module('myApp', [])原创 2017-09-08 14:29:52 · 322 阅读 · 0 评论 -
AngularJS系列(三)——过滤器(filder)
过滤器可以用一个管道字符’|’添加到表达式和指令中。常用的过滤器有l currency:数字转金额l uppercase/lowercase:字符串转大小写l date:时间格式化l json:Json解析l limitTo:字符串截取l orderBy:排序l filter:查找 转金额:{{moneys|原创 2017-09-08 14:21:27 · 463 阅读 · 0 评论 -
AngularJS系列(二)——作用域和控制器
作用域(scope)Scope(作用域) 是应用在 HTML (视图) 和 JavaScript(控制器)之间的纽带。Scope 是一个对象,有可用的方法和属性。Scope 可应用在视图和控制器上。当你在 AngularJS 创建控制器时,你可以将 $scope 对象当作一个参数传递:当在控制器中添加 $scope 对象时,视图 (HTML) 可以获取了这些属性。视图中,你原创 2017-09-08 14:17:54 · 411 阅读 · 0 评论 -
AngularJS系列(一)——常用指令
资料学习参考:http://www.runoob.com/angularjs/angularjs-tutorial.html概述AngularJS1.x是基于MVC的js架构。jQuery是dom搜索驱动,AngularJS是数据驱动。对于熟悉jq的同学来说,学习使用Angular就用angular的方式思考实现、即数据的角度。而不用JQ的角度、即操作dom。引用文件:angu原创 2017-09-08 14:09:38 · 972 阅读 · 0 评论 -
AngularJS-tree教程
AngularJS-tree教程简介AngularJS-tree是AngularJS官方出品的tree控件,它与AngularJS无缝组合、且方便实用。AngularJS-tree的github官方地址是https://github.com/wix/angular-tree-control。英文好的可以直接看,这篇教程是针对官方API进行整理翻译而来。下面是完成tree的学习必须要知道原创 2017-08-04 14:33:53 · 13306 阅读 · 13 评论 -
ui-select官方教程(二)——ui-select指令
ui-select指令ui-select的指令和事件属性选项描述值默认值multiple多选,直接加上multiple属性 close-on-select在多选情况下,选中一项,就关闭下拉项booleantrue翻译 2017-07-07 18:40:30 · 10044 阅读 · 2 评论 -
AngularJS系列(十)——表单的重置和验证
表单重置表单重置实例 <div ng-app="myApp"ng-controller="formCtrl"> <form novalidate> First Name:<br> <input ng-model="user.firstName" /><br> Last Name原创 2018-09-06 16:42:05 · 3443 阅读 · 0 评论