精华内容
下载资源
问答
  • AngularJS学习

    2014-04-15 10:45:30
    AngularJS是google在维护,其在国外已经十分火热,可是国内的使用情况却有不小的差距,参考文献/网络文章也...这里便将我学习AngularJS写成文档,一方面作为自己学习路程上的记录,另一方面也给有兴趣的同学一些参考。
  • AngularJS学习手册

    2016-12-16 09:22:25
    AngularJS学习手册》会开发一个示例应用,不仅让你了解 AngularJS 框架的相关概念,还让你直接动手操作。如果你熟悉JavaScript、Web开发、软件设计概念和模式,那么本书是着手学习AngularJS的优佳选择。本书主要...
  • AngularJS学习手册》会开发一个示例应用,不仅让你了解 AngularJS 框架的相关概念,还让你直接动手操作。如果你熟悉JavaScript、Web开发、软件设计概念和模式,那么本书是着手学习AngularJS的优佳选择。
  • angularJs学习文档

    2018-09-05 11:27:48
    AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过 [removed] 标签添加到HTML 页面。 AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。 AngularJS 是以一个 JavaScript...
  • AngularJS学习笔记

    2018-11-01 13:40:33
    AngularJS 学习笔记_邹业盛_angularjs-learn note
  • AngularJS学习第一篇,了解指令、过滤器等相关内容。 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng- 1、 ng-app: 定义了 AngularJS 应用程序的根元素; ng-app 指令在网页加载完毕时会自动引导(自动初始...
  • JS AngularJS 学习笔记

    2017-03-26 23:06:50
    JS AngularJS 学习笔记 YouTube视频截图
  • AngularJS 学习

    2018-05-25 00:48:09
    标签 : web angularjs html 记录不怎么熟悉的语法 AngularJS 教程 AngularJS Scope(作用域) AngularJS 控制器 AngularJS 过滤器 过滤器 ...AngularJS 服务(Service) ...AngularJS XMLHttpRequest...

    标签 : web angularjs html

    记录不怎么熟悉的语法


    AngularJS 教程

    AngularJS Scope(作用域)

    $rootScope

    $rootScope : 根作用域,所有 controller 都可以调用,类似于项目级别的全局变量
    js赋值 : $rootScope.lastname = "Refsnes";
    html调用 : $root.lastname

    $scope 作用域

    之间无法互相访问
    Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。
    Scope 是一个对象,有可用的方法和属性。
    Scope 可应用在视图和控制器上

    AngularJS 控制器

    AngularJS 控制器 控制 AngularJS 应用程序的数据。 AngularJS 控制器是常规的 JavaScript 对象。
    
    ng-controller 
    ng-controller 指令定义了应用程序控制器
    
    ng-controller="myCtrl" 属性是一个 AngularJS 指令。用于定义一个控制器。 myCtrl 函数是一个 JavaScript 函数。
    
    JS引用
    
    
    <script src="personController.js"></script>  
    多个controller 
    js文件中 定义一个app    
    之后可以定义多个controller   
    HTML中也可以对应多个controller

    多个controller控制器

    var app = angular.module('myApp', []);
    app.controller('myCtrl1', function($scope) {
        $scope.firstName = "Johns";
        $scope.lastName = "Doef";
    });
        app.controller('myCtrl2', function($scope) {
        $scope.firstName = "Tom";
        $scope.lastName = "kkk";
    });

    AngularJS 过滤器

    过滤器

    过滤器可以使用一个管道字符(|)添加到表达式和指令中。
    AngularJS 过滤器可用于转换数据

    currency 格式化数字为货币格式

    filter 从数组项中选择一个子集。

    lowercase 格式化字符串为小写。

    orderBy 根据某个表达式排列数组

    uppercase 格式化字符串为大写

    过滤输入

    输入过滤器可以通过一个管道字符(|)和一个过滤器添加到指令中,该过滤器后跟一个冒号和一个模型名称。

    <p><input type="text" ng-model="test"></p>
    <ul>
      <li ng-repeat="x in names | filter:test | orderBy:'country'">
        {{ (x.name | uppercase) + ', ' + x.country }}
      </li>
    </ul>

    自定义过滤器

    以下实例自定义一个过滤器 reverse,将字符串反转

    <!DOCTYPE html>
    <html>
    <meta charset="utf-8">
    <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script> 
    <body> 
    <div ng-app="myApp" ng-controller="myCtrl">
    姓名: {{ msg | reverse }}
    </div>
    <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.msg = "Runoob";
    });
    app.filter('reverse', function() { //可以注入依赖
        return function(text) {
            return text.split("").reverse().join("");
        } 
    });
    </script>  
    </body>
    </html>

    uppercase,lowercase 大小写转换

    AngularJS 服务(Service)

    AngularJS 服务(Service)

    AngularJS 中你可以创建自己的服务,或使用内建服务。
    在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。

    $location

    locationcontroller l o c a t i o n 需 要 先 在 c o n t r o l l e r 注 入 location.absUrl(); 內建service,获取当前页面的url地址

    $http 服务

    $http 是 AngularJS 应用中最常用的服务。 服务向服务器发送请求,应用响应服务器传送过来的数据。

    $timeout 服务

    intervalAngularJS i n t e r v a l 服 务 A n g u l a r J S interval 服务对应了 JS window.setInterval 函数。

    timeout; t i m e o u t 可 用 于 设 置 单 次 或 多 次 延 时 服 务 ; interval 可用于设置始终运行的延时服务。

    创建自定义服务

    要使用自定义服务,需要在定义控制器的时候独立添加,设置依赖关系:
    当你创建了自定义服务,并连接到你的应用上后,你可以在控制器,指令,过滤器或其他服务中使用它。

    <!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="myApp" ng-controller="myCtrl">
    
    <p>255 的16进制是:</p>
    
    <h1>{{hex}}</h1>
    
    </div>
    
    <p>自定义服务,用于转换16进制数:</p>
    
    <script>
    var app = angular.module('myApp', []);
    
    app.service('hexafy', function() {
        this.myFunc = function (x) {
            return x.toString(16);
        }
    });
    app.controller('myCtrl', function($scope, hexafy) {
      $scope.hex = hexafy.myFunc(255);
    });
    </script>
    
    </body>
    </html>

    AngularJS XMLHttpRequest

    http h t t p 请 求 − http.get
    - http.head h t t p . h e a d − http.post
    - http.put h t t p . p u t − http.delete
    - http.jsonp h t t p . j s o n p − http.patch

    简单get/post请求

    // 简单的 GET 请求,可以改为 POST
    $http({
        method: 'GET',
        url: '/someUrl'
    }).then(function successCallback(response) {
            // 请求成功执行代码
        }, function errorCallback(response) {
            // 请求失败执行代码
    });
    
    $http.get('/someUrl', config).then(successCallback, errorCallback);
    $http.post('/someUrl', data, config).then(successCallback, errorCallback);

    AngularJS Select(选择框)

    AngularJS 可以使用数组或对象创建一个下拉列表选项。

    ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出
    $scope.names = [“Google”, “Runoob”, “Taobao”];

    设置下拉框初始值

    方法1 scope.selectedCar= s c o p e . s e l e c t e d C a r = scope.cars.car02; //设置第2个为初始值;
    方法2

    展开全文
  • AngularJS学习手册 源代码
  • AngularJS 学习资料

    2016-01-27 14:03:35
    AngularJS 学习资料 Android学习
  • angularjs学习资料

    2014-09-24 18:18:13
    angularjs学习资料,分享给你们。
  • AngularJS 学习 学习AngularJS过程中经历的那些例子。 ex_01 这个例子告诉我们,只需要 就可以让AngularJS 生效。 然后ng-model="abc" 和 {{abc}} 就能看到数据双向绑定的效果。 到此为止,尚未写一行JS。 ng-model=...
  • 一边看,一边学习,效果最好了~~~~  下面我们来看这个截图,  这就是一个完整的angularjs项目应该有的目录结构。下面我来讲解每一个文件夹对应的分别是什么含义。  1.css:不用说了,就是放一些css的样式...
  • AngularJS学习笔记之基本指令(init、repeat) <h3>ng-init初始化变量 <p ng-bind=name+></p> <p>{{name+','+age}} <p ng-bind=name></p> <p ng-bind=age></p> <h3>ng-init初始化对象 <div ng-init=hero={...
  • AngularJS学习游乐场(还有更多项目,例如Twitter引导程序,Google maps API,使用KarmaRunner的TDD) 我们要做什么? 这将是使用Google Maps API加载位置服务并查找最近的ATM,酒吧,酒店,酒吧等的简单应用程序。...
  • 电子书为您提供了一种结构化和组织化的方法来学习新主题 ,AngularJS也不例外。 然而,如今电子书最好的是,可以在实践练习中大量补充电子书, 以帮助您加强对某些方面的理解和理解。 让我们...

    因此,您一直在关注这个Angular系列(如果您还没有,请从顶部开始 ),直到您对使用Angular甚至使用它构建应用程序感到满意。 要在研究项目时获得更完整的指导,我们可以随时阅读电子书。

    电子书为您提供了一种结构化和组织化的方法来学习新主题 ,AngularJS也不例外。 但是,如今关于电子书的最好的事情是,可以在实践练习大量补充电子书, 帮助您加强对某些方面的理解和理解。

    让我们用这7本书来探索AngularJS –一些全面,有趣的东西,但都是有教育意义的,在线阅读不会给您带来一毛钱。

    1. AngularJS在60分钟内

    如果您已经看过Dan Wahlin的视频教程,标题为“ 60分钟内的AngularJS-ish”,那么“ 60分钟内的 AngularJS”将是一个很大的帮助。 该电子书带有相关屏幕截图以及话题出现时的时间戳(由伊恩·史密斯(Ian Smith)完成)的视频转录。 如果您希望视频中附带一些文字,那么这是要获得的电子书。

    2. AngularJS的食谱

    AngularJS食谱Frederik Dietz编写,可以在线阅读 ,也可以在LeanpubAmazon上作为电子书阅读 。 Recipes是一本非常全面的书,以一种有组织且易于理解的方式处理Anuglar的学习。 每个部分都包含问题,解决方案和讨论,将帮助您有效地指导Angular。 本书中显示的代码示例可在GitHub中找到。

    3.实用的AngularJS

    通过实际场景和示例,将向您介绍如何在Eclipse IDE中使用AngularJS和Firebase构建简单的应用程序。 您还将学习如何在Eclipse中添加控件,连接和创建组件。 还有关于如何使用KarmaJS来测试您的应用程序,如何使用Firebase,其他技巧和疑难解答的部分。 实用AngularJS由迪尼斯克鲁兹可供阅读的自由,并上Leanpub。

    4. AngularJS简洁

    这是Frederik Dietz撰写的另一本AngularJS书。 AngularJS简洁地包含10章问题,解决方案和深入讨论,以帮助您快速掌握Angular的概念。 了解有关在整个平台(如Ruby和Node)中使用控制器,指令和过滤器的基础知识。 所有代码示例都托管在GitHub上; 您可以抓住他们在那里独立练习。

    5.学习AngularJS的更好方法

    更好的学习AngularJS的方法是一个分为12部分的课程,可深入了解AngularJS。 它包含来自多个来源的大量学习资料,包括官方文档,视频,其他书籍以及Egghead的大量屏幕录像。 本书采用渐进的,易于使用的高级方式来使用Angular构建简单的应用程序,该书包含大量清单供您跟踪所学内容。

    6. Henriquat.re(面向.NET开发人员的AngularJS)

    henriquat.re是一本不断更新的电子书,其中包含来自.NET开发人员的角度的有关AngularJS的学习材料。 到目前为止,涵盖了7个主题,包括模块化AngularJS应用程序以及AngularJS和IE 8 。 您可以在Twitter 关注作家Ingo RammerChristian Meyer以获取该书的更多更新

    7. AngularJS和Ruby

    带有Ruby on Rails的AngularJS是David Bryant Copeland的书,它将帮助您使用AngularJS编写少于10,000个单词的Rails应用程序。 您将需要创建一个骨架应用程序,构建,测试运行功能,并且在您不知道它之前,您已经拥有由Rails驱动的Angular应用程序。 本书包括引言,四个章节和最后一章。


    翻译自: https://www.hongkiat.com/blog/free-angular-ebooks/

    展开全文
  • angularjs学习笔记

    2013-09-03 23:55:20
    angularjs学习总结,实例介绍,适合初步阶段使用
  • 本实验包含AngularJS练习,以开始您的AngularJS学习,让您动手练习。 该项目将通过更多练习不断进行更新,因此请在完成实验后立即签入。 它是如何工作的? 下载代码并在浏览器中打开index.html文件。 说明将带您从...
  • angularJS学习资料总结

    2018-05-26 13:22:21
    里面包含angularJS相关的一些入门知识,从入门到基础到高级进阶等资料,有需要的可以下载看看。
  • AngularJS AngularJS 学习
  • Angularjs学习教程PPT

    2018-11-27 17:16:56
    Angularjs基础入门PPT,非常适合初学者及有PPT制作需求的同学。
  • 主要为大家详细介绍了AngularJS学习第二篇,理解什么是AngularJS依赖注入,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • angularjs angularjs学习
  • 本文实例讲述了AngularJS学习笔记之表单验证功能。分享给大家供大家参考,具体如下: 一、执行基本的表单验证 <!DOCTYPE html> <html ng-app='exampleApp'> <head> <meta charset=UTF-8> &...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 23,472
精华内容 9,388
关键字:

angularjs学习