初入AngularJS基础门

女爷i 2023-08-17 16:20 58阅读 0赞

作为mvvm 框架过重 不适用于性能比较高的移动端的web栈， ui组建性对复杂，不利于重用

AngularJS 构建一个CRUD ( create retrieve update delete )的应用，

其内容：双向数据绑定\{ \{取值\}\}、基本模版标识符、表单数据、路由、深度链接、组件重用、依赖注入；

代码解析：

ng-app 标记了angularJS脚本的作用域。

\{ \{ \}\}双大括号－－angularjs的核心功能－绑定。

angular expression 表达式 是一种类似于javascript的代码片段，尽在起作用域中运行，而不是整个dom中运行。

指令：ng-app 初始化一个angularjs应用程序

ng-init 指令初始化应用程序数据

ng-model 指令 把元素值绑定到应用程序

ng-repeat 重复一个html元素 循环一个对象数组

$scope作用域 是应用在html 视图和 javascript控制器之间的纽带

使用：创建控制器时，可以将$scope对象当作一个参数传递

$rootScope 根作用域可作用于整个应用中。

过滤器：currency 格式化数字为货币格式

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

lowercase 格式化字符串为小写

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

uppercase 格式化字符串为大写

$http.get(url).success(function(response)\{\}) 用于读取服务器数据的函数

select(选择框)

ng-options指令 来创建一个下拉列表，列表项通过对象和数组来循环

ng-repeat 指令 来创建下拉列表

html dom元素的属性绑定应用数据的指令

ng-disabled 指令 <input type='button' ng-disabled = 'true'>

ng-show ng-show = 'true'

ng-hide

事件

ng-click <button ng-click="count=count+1">

原则：

1 不要试图去复用controller，一个控制器一般只负责一小块视图；

2 不要在controller中操作dom，这不是控制器的职责；

3 不要在controller里面做数据格式化，ng有很好用的表单控件

4 不要在controller里面做数据过滤操作，ng有$filter服务

5 一般，controller是不会相互调用的，控制器之间的交互会通过事件进行

AngularJS的MVC是借助于$scope实现的！！

![983106-20160830214014027-1831770251.png][]

指令 .directive('',function()\{ return\{ restrict:'AEMC',template:true,compile:function()\{\},link:function()\{操作dom 绑定事件\} \} \})

restrict:''

E 元素 <hello></hello>

A 属性 <div hello></div>

C 样式类 <div class='hello'></div>

M 注释

scope的绑定策略：

flavor:'@' 当前属性作为字符串传递

flavor：'=' 与父scope中的属性进行双向绑定

greet:'&' 传递一个来自父scope的函数，稍后调用

转载于:https://www.cnblogs.com/yxiaoqian/p/5818776.html

[983106-20160830214014027-1831770251.png]: /images/20230810/c2ea81e55bff4ac2b1cbd3be31e79e60.png

发表评论取消回复

表情：

评论列表（有 0 条评论，58人围观）

还没有评论，来说两句吧...

相关阅读

相关初入AngularJS基础门

作为mvvm 框架过重不适用于性能比较高的移动端的web栈， ui组建性对复杂，不利于重用 AngularJS 构建一个CRUD ( create retrieve upd

女爷i/ 2023年08月17日 16:20/ 0 赞/ 59 阅读

相关 python django入门_Python Django初入门

一、安装 pip3 install django -i http://pypi.douban.com/simple/ --trusted-host pypi.douban.c

痛定思痛。/ 2022年10月25日 11:27/ 0 赞/ 161 阅读

相关 Java基础笔记(入门，语法基础，流程控制，数组)

Java语言入门发展历程 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0c

我会带着你远行/ 2022年10月08日 14:23/ 0 赞/ 119 阅读

相关 Velocity初入门

Velocity初入门: 前言: `Velocity`是一个Java的模板引擎, 所以在现如今的一部分项目中还是沿用这类模板, 所以Big-man的朋友也在沿

曾经终败给现在/ 2022年06月07日 07:51/ 0 赞/ 317 阅读

相关 RequireJS的入门，基础用法

最近学了requireJS模块化开发，所以现在赶紧过来写个博客记录一下，便于下次查阅。 RequireJS主要就是用来加载模块的，有了他，可以使我们的应用程序在开发中简洁明

蔚落/ 2022年06月03日 05:14/ 0 赞/ 213 阅读

相关 HTTP协议初入门

Hyper Text Transfer Protocol是基于请求和应答的无状态协议一、浏览器向服务器请求一个内容一个HTTP请求有四部分组成：请求行、请求头标、空行和

比眉伴天荒/ 2022年01月11日 23:21/ 0 赞/ 176 阅读

相关 DataX初入门

目录关系型数据库拉取到Hive： mongo到hive -------------------- Sqoop存在局限性，只能在关系型数据库到hadoop(Hive)之

深碍√TFBOYSˉ_/ 2021年12月18日 23:51/ 0 赞/ 425 阅读

相关 ClickHouse初入门

目录什么是ClickHouse： OLAP场景得关键属性： ClickHouse的独特功能： 1.真正面向列的DBMS， 2.数据压缩 3，数据磁盘存储 4

比眉伴天荒/ 2021年12月15日 02:59/ 0 赞/ 407 阅读

相关 Impala初入门

目录什么是Impala： Impala的优点： Impala的功能： -------------------- 参考Impala-中文文档-[http://www

女爷i/ 2021年12月14日 16:45/ 0 赞/ 252 阅读

相关 Kudu初入门

目录介绍：基础架构：关于Tablet： Kudu与Impala集成安装Kudu 配置Impala支持Kudu：使用案例：创建表：查询Impala

Dear 丶/ 2021年12月14日 14:59/ 0 赞/ 558 阅读