AngularJS入门讲解1：angular基本概念

【AngularJS入门讲解1：angular基本概念】的更多相关文章

AngularJS入门讲解4：多视图，事件绑定，$resource服务讲解

上一课,大家知道,手机详细模板我们没有写出来,使用的是一个占位模板. 这一课,我们先实现手机详细信息视图,这个视图会在用户点击手机列表中的一部手机时被显示出来. 为了实现手机详细信息视图,我们将会使用$http来获取数据. 以下json对象就是手机详细的信息,我们会在手机详细信息视图中显示这些数据. { "additionalFeatures": "Contour Display, Near Field Communications (NFC),...", &quo…

AngularJS入门讲解1：angular基本概念

AngularJS应用程序主要有三个组成部分: 模板(Templates) 模板是您用HTML和CSS编写的文件,展现应用的视图. 您可给HTML添加新的元素.属性标记,作为AngularJS编译器的指令. AngularJS编译器是完全可扩展的,这意味着通过AngularJS您可以在HTML中构建您自己的HTML标记! 应用程序逻辑(Logic)和行为(Behavior) 应用程序逻辑和行为是您用JavaScript定义的控制器.AngularJS与标准AJAX应用程序不同,您不需要另外编写侦…

AngularJS入门讲解3：$http服务和路由讲解

上一课的例子中,我们的模型数据是硬编码的,也就是说,我们的数据不是从服务器请求回来的. 这里,我们先讲解,如何从服务器获取数据: function PhoneListCtrl($scope, $http) { $http.get('phones/phones.json').success(function(data) { $scope.phones = data; }); $scope.orderProp = 'age';} 上一课的例子,我们只需要改写这个控制器构造函数就行了. $http向W…

AngularJS入门讲解2：过滤器和双向绑定

我们在上一课做了很多基础性的训练,接下来,我们讲一些难点的知识点,首先,讲一下如何实现一个全文检索功能: <html ng-app> <head> ... <script src="lib/angular/angular.js"></script> <script> function PhoneListCtrl($scope) { $scope.phones = [ {"name": "Nexus…

AngularJS入门心得4——漫谈指令scope

上篇<AngularJS入门心得3——HTML的左右手指令>初步介绍了指令的概念和作用.已经和指令打过一个照面,就不会那么陌生了,今天主要介绍的是一个困扰了我很久终于想通的问题,这个问题与scope有关,可以看做是<AngularJS入门心得1——directive和controller如何通信>在scope上的补充和延伸. 小时候,老师就教会了我们盲人摸象这个成语,教导我们认识事物不能片面,缺少对于一个事物全局的认知.所以,说到指令,它的一个完整结构如下: angular.mod…

AngularJS入门心得2——何为双向数据绑定

前言:谁说Test工作比较轻松,最近在熟悉几个case,差点没疯.最近又是断断续续的看我的AngularJS,总觉得自己还是没有入门,可能是自己欠前端的东西太多了,看不了几行代码就有几个常用函数不熟悉的.看过了大漠的视频,算是了解了AngularJS的一些优良特性.后来准备投身<AngularJS权威教程>,跟着它走,可是一来可能自己道行不够,二来,个人觉得这本书翻译的有些生硬以及一些瑕疵,比如: (1)9.2节:在指令中适用自作用域 (2)9.2节:在指令中适用自作用域当然,以上都是一些瑕…

【转载】图灵AngularJS入门教程

摘自图灵的AngularJS入门教程:http://www.ituring.com.cn/article/13471 感觉非常不错,所以推荐到首页一下! (一)Hello World! 开始学习AngularJS的一个好方法是创建经典应用程序"Hello World!": 使用您喜爱的文本编辑器,创建一个HTML文件,例如:helloworld.html. 将下面的源代码复制到您的HTML文件. 在web浏览器中打开这个HTML文件. 源代码 <!doctype html>…

跟我学AngularJs:AngularJs入门及第一个实例

林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 摘要:主要给大家介绍了AngularJs及其特性,并以3个实例来做说明. 本教程使用AngularJs版本:1.5.3 AngularJs GitHub: https://github.com/angular/angular.js/ AngularJs下载地址:https://angularjs.org/ 一.AngualrJs简介 AngularJS是由谷歌开发出来的,它是为了克服HTML…

AngularJS入门篇

AngularJS是一个JavaScript框架,它通过指令扩展了HTML,且通过表达式绑定数据到 HTML.顺便一提,什么是框架?比如struts2.spring.hibernate.thinkphp.wordpress等等.那么,什么是组件?比如jdbc.jquery.swiper.layer.arttemplate等等. 一般来说,那些可复用的.用于简化开发工作的代码集合,大的叫框架,小的叫组件.有人说jquery是框架?当然可以,大小并没有明确边界.不要太纠结于概念,如无必要,勿增实体.…

AngularJS入门心得3——HTML的左右手指令

在<AngularJS入门心得1——directive和controller如何通信>我们提到“AngularJS是为了克服HTML在构建应用上的不足而设计的.HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了.这里AngularJS就应运而生,弥补了HTML的天然缺陷,用于构件Web应用等.” 那么AngularJS如何弥补HTML的缺陷,指令可能是最好的回答. 指令是什么??? 指令就是一些附加在HTML元素上的自定义标记(可以是属性A.元素E.css…