AngularJS
文章平均质量分 57
炽天使_1985
大家好,我现在在培训行业,熟悉的领域为javaEE、前端开发、Android、H5、PHP、Unity3D、 大数据、机器学习等
展开
-
AngularJS入门-(1)
AngularJS是什么?AngularJS是一个开源Web应用程序框架。它最初是由MISKO Hevery和Adam Abrons于2009年开发。现在是由谷歌维护。 AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets原创 2017-08-01 11:11:14 · 181 阅读 · 0 评论 -
AngularJS入门-(11)表单
Input 控件<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app=""> <form> Fi原创 2017-08-01 18:11:26 · 256 阅读 · 1 评论 -
AngularJS入门-(10)模块
创建模块<div ng-app="myApp">...</div> <script> var app = angular.module("myApp", []); </script>“myApp” 参数对应执行应用的 HTML 元素。添加控制器<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http原创 2017-08-01 17:24:37 · 183 阅读 · 0 评论 -
AngularJS入门-(9)HTML DOM
ng-disabled 指令ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script> </原创 2017-08-01 17:05:41 · 232 阅读 · 0 评论 -
AngularJS入门-(6)表达式
数字<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script> </head> <body><div ng-app="" ng-init="price=10;number=5">原创 2017-08-01 15:11:00 · 326 阅读 · 0 评论 -
AngularJS入门-(8)过滤器
什么是过滤器?过滤器是用来更改修改数据,并且可以在表达式或使用管道符指令将其归入。常用的过滤器如下 1. 大写 2. 小写 3. 货币 4. 过滤器 5. 排序大写过滤器<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://cdn.bootcss.com/angular.j原创 2017-08-01 16:49:06 · 214 阅读 · 0 评论 -
AngularJS入门-(7)控制器
控制器介绍AngularJS应用主要依赖于控制器来控制数据在应用程序中的流动。控制器采用ng-controller指令定义。控制器是一个包含属性/属性和JavaScript对象的功能。每个控制器接受$scope参数指定应用程序/模块,由控制器控制。<!DOCTYPE html> <html> <meta charset="utf-8"> <script src="https://cdn.bootcs原创 2017-08-01 15:39:42 · 194 阅读 · 0 评论 -
AngularJS入门-(5)指令
什么是AngularJS指令?AngularJS 通过被称为 指令 的新属性来扩展 HTML,通过内置的指令来为应用添加功能。 1. ng-app - 该指令启动一个AngularJS应用。 2. ng-init - 该指令初始化应用程序数据。 3. ng-model - 此指令定义的模型,该模型是变量在AngularJS使用。 4. ng-repeat - 该指令将重复集合中的每个原创 2017-08-01 14:58:28 · 207 阅读 · 0 评论 -
AngularJS入门-(3)hello world
第1步:加载框架 <script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script>第2步:使用ng-app指令定义AngularJS应用<div ng-app=""> ... </div>第3步:用 ng-model指令定义的模式名称<input type="text" ng-model="name">第4原创 2017-08-01 14:36:46 · 178 阅读 · 0 评论 -
AngularJS入门-(2)MVC体系结构
MVC介绍MVC是一种软件设计模式,用于开发Web应用程序。模型- 视图 - 控制器模式是由以下三部分组成: 模型/Model - 一个负责维护数据模式的最低水平。 视图/View - 负责显示所有或数据到用户的部分。 控制器/Controller - 软件代码控制Model和View之间的相互作用。 模型 - model 模型是负责管理应用程序的数据。它响应来自视图的请求,同时也响应指令从控制器原创 2017-08-01 14:22:42 · 220 阅读 · 0 评论 -
AngularJS入门-(12)http
http请求方式$http({ method: 'GET', url: '/someUrl' }).then(function successCallback(response) { // 请求成功执行代码 }, function errorCallback(response) { // 请求失败执行代码 });AngularJS httpAn原创 2017-08-02 10:26:14 · 280 阅读 · 0 评论