![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angularjs
世间百态不过尔尔
web前端开发工程师 (深圳)
展开
-
angularjs(表达式&控制器)
一、表达式表达式写在双大括号内:{{表达式}}表达式能够将数据绑定到HTML中,类似于ng-bind将表达式写在需要显示数据的地方表达式可以包含字符串、运算符、变量等1、表达式的类型1)数值{{表达式}},表达式有数值组成或是单个数值2)字符串类型{{表达式}} 表达式是一个字符串或者是一个字符串类型的变量3)对象类型二、控制器Angular的应用程序被控制器控制,控制...原创 2019-03-15 22:19:38 · 277 阅读 · 0 评论 -
angular($location)
1、location当我们在某一个模板中需要通过事件跳转或是手动跳转,需要用到此参数通过location 当我们在某一个模板中需要通过事件跳转或是手动跳转,需要用到此参数 通过location当我们在某一个模板中需要通过事件跳转或是手动跳转,需要用到此参数通过location.path(‘路径’)2、传参在路径后面通过追加/参数 进行传参在when中,通过 “/路径/:变量...原创 2019-03-16 18:02:18 · 373 阅读 · 0 评论 -
angular(路由)
一、自定义指令1、transclude2、controllerAs:给控制器起一个别名3、link:在指令中操作DOM,需要用到该属性,其属性值为一个函数,称为链接函数语法:link:function(scope,element,attrs){操作DOM}-scope:与指令想关联的当前作用域-Element:当前指令对应的元素-attrs:当前元素的属性所组成的对象二、路由...原创 2019-03-16 17:57:35 · 277 阅读 · 0 评论 -
angular(自定义指令transclude)
一、自定义指令1、transclude是否嵌入,也就是在使用指令时,是否保留原有的元素,默认是false2、scope默认是false,设置指令内作用域,当设置为true时,会从父作用域继承并创建自己的作用域,也就是在ng-controller的作用域基础上创建新的-false 直接使用副作用域,当指令中变量修改时,也会影响到父作用域中的变量-true-{},可以是一个对象,创建一个...原创 2019-03-15 22:27:10 · 394 阅读 · 0 评论 -
angular(自定义指令)
一、自定义指令指令是扩展html标记,增加自定义属性,实现功能的扩展自定义指令就是通过一个自定义的指令名,来指向一段html代码1、自定义指令1)指令执行的过程-浏览器得到html字符串内容,解析得到DOM结构-ng引入,把dom结构抛给compile函数,进行下一步处理−找出dom结构中有变量的占位符−匹配dom中所包含的所有指令−把指令关联dom−关联到dom的多个指令,对这些指令...原创 2019-03-15 22:26:24 · 384 阅读 · 0 评论 -
angular(json)
1)json将对象格式化成一个标准的json字符串语法:{{对象 | json}}2)lowercase/uppercase将字符串转换成小写或大写语法:{{字符串 | uppercase/lowercase}}3)number格式化数字,为数字加上千位分割,比如123,456,789;同时可以接收一个参数,用于指定小数点后保留几位语法:{{数字 | number:数字}}4)o...原创 2019-03-15 22:25:37 · 1112 阅读 · 0 评论 -
angularjs(模块)
一、模块1、概念模块是一些提供独立功能或服务的功能块大部分的程序都有一个主方法用来实例化、阻止、启动医用;而AngularJS没有主方法,而是使用模块来声明应用该如何启动优点:-启动过程是声明式的,更容易懂-可以在单元测试中只测试指定模块-第三方可以打包成可重用的模块-模块可以以任何先后或者并行的顺序加载(因为模块的执行本身就是延迟的)2、AngularJS中的模块在Angul...原创 2019-03-15 22:24:34 · 261 阅读 · 0 评论 -
angularJs删除一整行(Dome)
<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src = "angular.min.js"></script> <style ty原创 2019-03-15 22:23:31 · 738 阅读 · 0 评论 -
angular(使用Angular&指令)
-ng-repeat用于循环创建元素语法:在需要循环创建的元素上添加属性:ng-repeat=“变量 in 数组” 变量是数组中的元素,可以使用ng-bind或表达式进行值得显示-ng-class用来给元素绑定雷鸣,其指令表达式的返回值可以为使用控制器中的变量通过键值对方式绑定-ng-style用于设定元素的css样式-ng-show元素是否显示,取值为布尔值,通过修改d...原创 2019-03-15 22:17:53 · 1671 阅读 · 0 评论 -
angular(双向数据绑定&$digest()方法)
<!DOCTYPE html><html><head> <title></title></head><body> <input type="text" id="t1" oninput="fun(this)"&g原创 2019-03-15 22:21:29 · 256 阅读 · 0 评论 -
angularjs访问接口
angularjs访问接口使用http访问服务器,http访问服务器,http访问服务器,http也是一个服务,可以看出是对ajax一个封装格式:$http({method:’’,//请求方式:post、getparams:字符串,//传递的参数url:“路径”//访问的接口地址}).then(function(data){//访问成功},function(err){//访问失...原创 2019-03-16 18:03:00 · 668 阅读 · 0 评论