百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程字典 > 正文

育知同创HTML5开发学习干货分享 AngularJS总结

toyiye 2024-07-09 23:04 14 浏览 0 评论

常用指令

  1. ng-app

    整个AngularJS项目的开始指令

    在使用RequireJS+AngularJS中,不需要显示的添加添加ng-app指令,而是通过代码动态添加

2. ng-controller

负责与JavaScript中的控制器进行关联

3. ng-model

给表单元素进行使用,负责数据的双向绑定,代替了表单元素中的value属性

ng-model是一种语法糖,不使用此指令,也可以实现同样的效果

4. ng-style

给元素添加CSS样式

5. ng-class

给元素添加class值

6. ng-click

给元素绑定单击事件

7. ng-mouseover

8. ng-focus

9. ng-blur

10. ng-change

11. ng-repeat遍历数组或对象注意:如果数组中存在重复元素,则使用track by $index

12. ng-hrefa

标签的href属性替换成ng-href属性进行使用

13. ng-bind

表达式的指令形式,不会出现页面上渲染出大括号的问题

14. ng-cloak

解决页面渲染出大括号的问题

15. ng-init

初始化数据使用

16. ng-show

17. ng-hide

18. ng-if

19. ng-include

控制器

父子控制器作用域问题

  • 父控制器中的数据,子控制器可以直接使用

  • 如果子控制器和父控制器中变量冲突,优先使用自己的,使用$parent来访问父控制器中的数据

  • rootScope上面的数据,任何控制器都可以直接使用

传值方式(父传子、子传父)

内置服务

  1. $scope

    添加属性和方法,渲染到页面上

2. $filter在控制器中使用过滤器

3. $rootScope

根部的scope,添加到此处的值,任何控制器都可以访问

4. $http

网络请求服务

5. $interval

angularJS提供的定时器

6. $timeoutangularJS

提供的定时器

7. $location

获取有关地址的信息

过滤器

1. currency

价钱的显示

    2. number

    数字千位分隔符

    3. orderBy

    按照某种方式排序

    4. date

    时间格式化输出

    5. limitTo

    6. filter

    根据关键字,在数据中进行筛选

    7. uppercase lowercase

    大小写转换

    8. json

    格式化json显示

    9. 自定义过滤器

    使用filter()方法,进行过滤器的自定义

    高阶函数,函数内部返回一个函数,内部函数返回结果

    自定义过滤器的使用

    自定义指令

    使用directive()方法,进行自定义指令

    自定义指令的使用

    服务相关

    service

    直接向this上面添加属性和方法即可

    factory

    返回对象

    value

    变量的共享

    constant

    常量的共享

    可以注入到config中

    provider

    provider是service factory value的内部实现

    provider提供的服务可以注入到config中

    AngularJS模块

    Angular-ui-router

    1. 模块使用时,首先在初始化app的时候添加模块名称

    2. 编写HTML结构代码

    3. 编写路由规则

    4. 路由跳转以及参数的传递

    5. 参数的接收

    6. 内置服务

    • $stateProvider状态提供者,负责各种路由规则的设定

    • $urlRouterProvider设置默认路由

    • $state路由跳转使用

    • $stateParams用于接收路由传递的参数

    AngularCSS

    1. 引入模块

    2. 在控制器中使用$css使用

    内置服务

    • $css

    AngularAMD

    1. angular-ui-router配置路由规则的时候,state中需要修改

    2. 对应的控制器文件home.js,返回的只是数组而已

    RequireJS

    1. 引入文件,并设置主模块

    2. 配置操作

    3. 模块的引入操作

    4. 定义模块

    Gulp

    1. 电脑上全局安装

    2. 初始化package.json文件(进入项目根目录)

    3. 在项目中安装gulp

    4. 在项目中安装gulp插件

    5. 创建gulpefile.js文件,并添加代码

    6. 执行命令,进行打包压缩

    JSSDK的开发

    1. 配置安全域名

    2. 代码中的配置

    3. ready方法的使用

    4. 其他方法的使用

    拍照或从手机相册选取照片

    打开地图,定位到指定的位置

    相关推荐

    为何越来越多的编程语言使用JSON(为什么编程)

    JSON是JavascriptObjectNotation的缩写,意思是Javascript对象表示法,是一种易于人类阅读和对编程友好的文本数据传递方法,是JavaScript语言规范定义的一个子...

    何时在数据库中使用 JSON(数据库用json格式存储)

    在本文中,您将了解何时应考虑将JSON数据类型添加到表中以及何时应避免使用它们。每天?分享?最新?软件?开发?,Devops,敏捷?,测试?以及?项目?管理?最新?,最热门?的?文章?,每天?花?...

    MySQL 从零开始:05 数据类型(mysql数据类型有哪些,并举例)

    前面的讲解中已经接触到了表的创建,表的创建是对字段的声明,比如:上述语句声明了字段的名称、类型、所占空间、默认值和是否可以为空等信息。其中的int、varchar、char和decimal都...

    JSON对象花样进阶(json格式对象)

    一、引言在现代Web开发中,JSON(JavaScriptObjectNotation)已经成为数据交换的标准格式。无论是从前端向后端发送数据,还是从后端接收数据,JSON都是不可或缺的一部分。...

    深入理解 JSON 和 Form-data(json和formdata提交区别)

    在讨论现代网络开发与API设计的语境下,理解客户端和服务器间如何有效且可靠地交换数据变得尤为关键。这里,特别值得关注的是两种主流数据格式:...

    JSON 语法(json 语法 priority)

    JSON语法是JavaScript语法的子集。JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组JS...

    JSON语法详解(json的语法规则)

    JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔大括号保存对象中括号保存数组注意:json的key是字符串,且必须是双引号,不能是单引号...

    MySQL JSON数据类型操作(mysql的json)

    概述mysql自5.7.8版本开始,就支持了json结构的数据存储和查询,这表明了mysql也在不断的学习和增加nosql数据库的有点。但mysql毕竟是关系型数据库,在处理json这种非结构化的数据...

    JSON的数据模式(json数据格式示例)

    像XML模式一样,JSON数据格式也有Schema,这是一个基于JSON格式的规范。JSON模式也以JSON格式编写。它用于验证JSON数据。JSON模式示例以下代码显示了基本的JSON模式。{"...

    前端学习——JSON格式详解(后端json格式)

    JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScriptProgrammingLa...

    什么是 JSON:详解 JSON 及其优势(什么叫json)

    现在程序员还有谁不知道JSON吗?无论对于前端还是后端,JSON都是一种常见的数据格式。那么JSON到底是什么呢?JSON的定义...

    PostgreSQL JSON 类型:处理结构化数据

    PostgreSQL提供JSON类型,以存储结构化数据。JSON是一种开放的数据格式,可用于存储各种类型的值。什么是JSON类型?JSON类型表示JSON(JavaScriptO...

    JavaScript:JSON、三种包装类(javascript 包)

    JOSN:我们希望可以将一个对象在不同的语言中进行传递,以达到通信的目的,最佳方式就是将一个对象转换为字符串的形式JSON(JavaScriptObjectNotation)-JS的对象表示法...

    Python数据分析 只要1分钟 教你玩转JSON 全程干货

    Json简介:Json,全名JavaScriptObjectNotation,JSON(JavaScriptObjectNotation(记号、标记))是一种轻量级的数据交换格式。它基于J...

    比较一下JSON与XML两种数据格式?(json和xml哪个好)

    JSON(JavaScriptObjectNotation)和XML(eXtensibleMarkupLanguage)是在日常开发中比较常用的两种数据格式,它们主要的作用就是用来进行数据的传...

    取消回复欢迎 发表评论:

    请填写验证码