zl程序教程

angularjs笔记(二)

  • AngularJS笔记「建议收藏」

    AngularJS笔记「建议收藏」

    大家好,又见面了,我是你们的朋友全栈君。 1. AngularJS 通过 ng-directives 扩展了 HTML。 ng-app 指令定义一个 AngularJS 应用程序。 ng-model 指令把元素值(比如输入域的值)绑定到应用程序。 ng-bind 指令把应用程序数据绑定到 HTML 视图。 2. HTML5 允许扩展的(自制的)属性,以

    日期 2023-06-12 10:48:40     
  • [angularjs] angularjs系列笔记(八)事件详解编程语言

    [angularjs] angularjs系列笔记(八)事件详解编程语言

    ng-click指令定义了AngularJs点击事件 当点击按钮的时候,赋值count变量并且给count变量加1,显示出count变量   body div ng-app="Home" div ng-controller="ngClickTest" 测试ng-click指令 button ng-click="count=count+1" 点击 /butt

    日期 2023-06-12 10:48:40     
  • [angularjs] angularjs系列笔记(七)HTML DOM详解编程语言

    [angularjs] angularjs系列笔记(七)HTML DOM详解编程语言

    button ng-disabled="mySwitch" 点击 /button input type="checkbox" ng-model="mySwitch"/ 切换 /div div ng-controller="ngShowTest" 测试ng-show指令 p ng-show="true" 可见 /p p ng-show="false" 不可见 /p

    日期 2023-06-12 10:48:40     
  • [angularjs] angularjs系列笔记(六)http详解编程语言

    [angularjs] angularjs系列笔记(六)http详解编程语言

    app.controller("httpTest",function($scope,$http){ $http.get("api.php").then(function(res){ console.log(res); var names=res.data.list; $scope.names=names; }); }); /script  

    日期 2023-06-12 10:48:40     
  • [angularjs] angularjs系列笔记(五)Service详解编程语言

    [angularjs] angularjs系列笔记(五)Service详解编程语言

    AngularJs中你可以使用自己的服务或使用内建服务,服务是一个函数或对象,以下代码试验$location服务,$http服务,$timeout服务,$intverval服务,创建自定义服务   body div ng-app="Home" div ng-controller="Index" 显示当前url p {{myUrl}} /p /div

    日期 2023-06-12 10:48:40     
  • [angularjs] angularjs系列笔记(四)过滤器详解编程语言

    [angularjs] angularjs系列笔记(四)过滤器详解编程语言

    过滤器可以使用一个管道字符(|)添加到表达式和指令中,这不就是模板函数吗   body div ng-app="Home" div ng-controller="Index" 格式化字符串为小写 {{myName()|lowercase}}。 格式化字符串为大写 {{myName()|uppercase}}。 格式化数字为货币格式 {

    日期 2023-06-12 10:48:40     
  • [angularjs] angularjs系列笔记(四)控制器详解编程语言

    [angularjs] angularjs系列笔记(四)控制器详解编程语言

    Scope作用域是应用在HTML视图和Js控制器之间的纽带 Scope是一个对象,有可用的属性和方法   根作用域 所有的应用都有一个$rootScope,它可以作用在ng-app指令包含的所有的html元素中 $rootScope是各个controller中scope的桥梁,用rootscope定义的值可以在各个控制器中使用   AngularJs控制器 &n

    日期 2023-06-12 10:48:40     
  • [angularjs] angularjs系列笔记(三)模型详解编程语言

    [angularjs] angularjs系列笔记(三)模型详解编程语言

    邮箱: input type="email" name="myEmail" ng-model="text"/ span ng-show="myForm.myEmail.$error.email" 不是一个邮箱 /form /div   原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/12715.html

    日期 2023-06-12 10:48:40     
  • [angularjs] angularjs系列笔记(二)指令详解编程语言

    [angularjs] angularjs系列笔记(二)指令详解编程语言

    var app=angular.module("Home",[]); //调用应用对象的controller()方法,参数:控制器名,回调函数 app.controller("index",function($scope){ $scope.names=[{name:tsh},{name:tsh1}]; /script   创建自定义指令 使用.direct

    日期 2023-06-12 10:48:40     
  • [angularjs] angularjs系列笔记(一)简介详解编程语言

    [angularjs] angularjs系列笔记(一)简介详解编程语言

    Angularjs通过新的属性和表达式扩展了html Andularjs 可以构建一个单一页面的应用程序(SPAS SinglePageApplications) Angularjs通过指令扩展了html,通过表达式绑定数据到html   ng-app指令定义Angularjs的应用程序 ng-model指令绑定元素值到应用程序 ng-bind指令把应用程

    日期 2023-06-12 10:48:40     
  • angularjs1.X进阶笔记(3)——如何重构controller

    angularjs1.X进阶笔记(3)——如何重构controller

    【快速下载】:如何重构controller(演示文稿及示例代码).rar 本篇是培训交流会的摘要总结,培训PPT和示例代码见附件。 一. 结构拆分 小型项目 通过子路由实现拆分分层,父级控制器控制共享模块,提供公共能力,子级分管自己的模块,父子级之间通过消息机制进行通讯。 中型

    日期 2023-06-12 10:48:40     
  • Angularjs进阶笔记(2)—自定义指令中的数据绑定

    Angularjs进阶笔记(2)—自定义指令中的数据绑定

    【摘要】有关自定义指令的scope参数,网上很多文章都在讲这3种绑定方式实现的效果是什么,但几乎没有人讲到底怎么使用,本篇希望聊聊到底怎么用这个话题。 一. 自定义指令 自定义指令,是Angularjs用来实现组件化的方式,相比于React和Vue的组件化方式,它真的很复杂,自定义指令太重了,它暴露了太

    日期 2023-06-12 10:48:40     
  • Angularjs进阶笔记(1)—不同类型的双向数据绑定

    Angularjs进阶笔记(1)—不同类型的双向数据绑定

    【摘要】 Angularjs1.X中两种不同的双向数据绑定聊聊 Angularjs1.x中那些活见鬼的事情。一. html与Controller中的双向数据绑定html-Controller的双向数据绑定,在开发中非常常见,也是Angularjs1.x的宣传点之一,使用中并没有太多问题。 Angularj

    日期 2023-06-12 10:48:40     
  • AngularJS学习笔记

    AngularJS学习笔记

    1. 关于AngularJS AngularJS 是 Google 开源出来的一套 js 工具。下面简称其为 ng 。这里只说它是“工具”,没说它是完整的“框架”,是因为它并不是定位于去完成一套框架要做的事。更重要的,是它给我们揭示了一种新的应用组织与开发方式。 ng 最让我称奇的,是它的数据双向绑定。其实想想,我们一直在提数据与表现的分离,但是这里的“双向绑定”从某方面来说,是把数据与表现完

    日期 2023-06-12 10:48:40     
  • AngularJS学习笔记

    AngularJS学习笔记

    1. 关于AngularJS AngularJS 是 Google 开源出来的一套 js 工具。下面简称其为 ng 。这里只说它是“工具”,没说它是完整的“框架”,是因为它并不是定位于去完成一套框架要做的事。更重要的,是它给我们揭示了一种新的应用组织与开发方式。 ng 最让我称奇的,是它的数据双向绑定。其实想想,我们一直在提数据与表现的分离,但是这里的“双向绑定”从某方面来说,是把数据与表现完

    日期 2023-06-12 10:48:40     
  • Angularjs进阶笔记(1)—不同类型的双向数据绑定

    Angularjs进阶笔记(1)—不同类型的双向数据绑定

    【摘要】 Angularjs1.X中两种不同的双向数据绑定聊聊 Angularjs1.x中那些活见鬼的事情。一. html与Controller中的双向数据绑定html-Controller的双向数据绑定,在开发中非常常见,也是Angularjs1.x的宣传点之一,使用中并没有太多问题。 Angularjs1.X

    日期 2023-06-12 10:48:40     
  • Angularjs进阶笔记(2)—自定义指令中的数据绑定

    Angularjs进阶笔记(2)—自定义指令中的数据绑定

    【摘要】有关自定义指令的scope参数,网上很多文章都在讲这3种绑定方式实现的效果是什么,但几乎没有人讲到底怎么使用,本篇希望聊聊到底怎么用这个话题。 一. 自定义指令 自定义指令,是Angularjs用来实现组件化的方式,相比于React和Vue的组件化方式,它真的很

    日期 2023-06-12 10:48:40     
  • angularjs1.X进阶笔记(3)——如何重构controller

    angularjs1.X进阶笔记(3)——如何重构controller

    【快速下载】:如何重构controller(演示文稿及示例代码).rar 本篇是培训交流会的摘要总结,培训PPT和示例代码见附件。 一. 结构拆分 小型项目 通过子路由实现拆分分层,父级控制器控制共享模块,提供公共能力,子级分管自己的模块,

    日期 2023-06-12 10:48:40     
  • AngularJS in Action读书笔记6(实战篇)——bug hunting

    AngularJS in Action读书笔记6(实战篇)——bug hunting

      这一系列文章感觉写的不好,思维跨度很大,原本是由于与《Angularjs in action》有种相见恨晚而激发要写点读后感之类的文章,但是在翻译或是阐述的时候还是会心有余而力不足,零零总总的写了《Angularjs in action》读书笔记的前三篇。渐渐明白,将新知识搞懂是一门本事,而将自己明白的share出去并让别人也明白更是一门学问。几篇翻译下来,感觉有些苍白,有网友给建议说是真枪

    日期 2023-06-12 10:48:40     
  • AngularJS in Action读书笔记5(实战篇)——在directive中引入D3饼状图显示

    AngularJS in Action读书笔记5(实战篇)——在directive中引入D3饼状图显示

    前言:   "宁肯像种子一样等待   也不愿像疲惫的陀螺   旋转得那样勉强"   这是前几天在查资料无意间看到的一位园友的签名,看完后又读了两遍,觉得很有味道。后来一寻根究底才知这是出资大诗人汪国真之口,出处《她》。且抛开上下文,单从这短短几句,正恰如其分的折射出有一群人,他们穿着不那么fashion,言辞不那么犀利,但是内心某一块地方像是躁动的火山,拥有无尽的动力和激情,

    日期 2023-06-12 10:48:40     
  • AngularJS in Action读书笔记4(实战篇)——创建Statistic模块

    AngularJS in Action读书笔记4(实战篇)——创建Statistic模块

      个人感觉《Angularjs in action》这本书写的很好,很流畅,循序渐进,深入浅出,关键是结合了一个托管于Github上的实例讲解的,有代码可查,对于初学者应该是个不错的途径。(不是打广告)其实书早已经看完一遍,脑瓜子里面已经存储了一些module、controller、directive、scope等等这些概念,但是怎么把这些东西串起来,用起来,不动手,还是不能检验看书的效果。所

    日期 2023-06-12 10:48:40     
  • AngularJS in Action读书笔记3——走近Services

    AngularJS in Action读书笔记3——走近Services

      试着想想这些问题:如果一个controller只关心自己所控制的view页面,那么对于整个application来说,你如何调用想要的function;如果controller从来都不会和其他controller通讯,那controller之间又是如何实现数据共享。有问题,就有解决方案,本章主要讲解如何创建一个简单的service并如何使用它和远端的server通讯。   什么是m

    日期 2023-06-12 10:48:40     
  • AngularJS in Action读书笔记2——view和controller的那些事儿

    AngularJS in Action读书笔记2——view和controller的那些事儿

    今天我们来818《angularjs in action》的第三章controller和view。 1.Big Picture概览图 View是angularjs编译html后呈现出来的,需要编译的是controller中的定义的属性和方法以及directive中定义的指令。 View和controller是独立开来的,他们之间的纽带就是图中间的胶水——scope。Controller负责向

    日期 2023-06-12 10:48:40     
  • AngularJS in Action读书笔记1——扫平一揽子专业术语

    AngularJS in Action读书笔记1——扫平一揽子专业术语

    前(fei)言(hua):   数月前,以一个盲人摸象的姿态看了一些关于AngularJS的视频书籍,留下了我个人的一点或许是指点迷津或许是误人子弟的读后感。自以为已经达到熟悉ng的程度,但是因为刚入公司,没法直接接触代码层面的编程,日子一天天过去,ng在我脑海的残留也一天天的模糊……   数月后,我重返ng战场,艰难的收集之前留下的记忆碎片,一番拼接下来,没有让我对ng的理解串成一条线,反而支

    日期 2023-06-12 10:48:40     
  • AngularJS 笔记2

    AngularJS 笔记2

      2017-03-23 本文更新链接: http://www.cnblogs.com/daysme/p/6613071.html  $http angularjs中的ajax 向服务器请求数据 1/2 后台文件 test.php <?php $str='你好'; echo $str;?> 2/2 前台文件 <!DOCTYPE htm

    日期 2023-06-12 10:48:40     
  • AngularJS  笔记1

    AngularJS 笔记1

    2017-03-23 本文更新链接: http://www.cnblogs.com/daysme/p/6606805.html  什么是 angularjs 2009年有两个外国人创建,后由谷歌收购并开源。 他的特点有MVC、模块化、双向数据绑定、语义化标签、依赖注入等。 AngularJS主要考虑的是构建CRUD应用,90%的应用都是CRUD应

    日期 2023-06-12 10:48:40     
  • AngularJS 初识笔记

    AngularJS 初识笔记

    test.html: <!DOCTYPE html> <html lang="en" ng-app> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div ng-control

    日期 2023-06-12 10:48:40     
  • AngularJS学习笔记--002--Angular JS路由插件ui.router源码解析

    AngularJS学习笔记--002--Angular JS路由插件ui.router源码解析

    首先,无论是使用哪种路由,作为框架额外的附加功能,它们都将以模块依赖的形式被引入,简而言之就是:在引入路由源文件之后,你的代码应该这样写(以ui.router为例): angular.module("myApp", ["ui.router"]); // myApp为自定义模块,依赖第三方路由模块ui.router 这样做的目的是:在程序启动(bootstrap)的时候,加载依赖模块(如:ui.

    日期 2023-06-12 10:48:40