angularJS
文章平均质量分 75
youhebuke225
这个作者很懒,什么都没留下…
展开
-
路由的重定向
什么是重定向没有路由匹配项的时候会跳转到重定向的路由一般使用$urlRouterProvider来进行定义例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.6.8/angular.min.js"></script>原创 2022-02-20 14:58:13 · 2921 阅读 · 0 评论 -
angularjs之$controller的使用
例子我们可以先运行一下这个例子,看看效果<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.6.8/angular.min.js"></script> <script src="https://cdn.bootcdn.net原创 2022-02-18 10:13:08 · 875 阅读 · 0 评论 -
uiRouter值嵌套路由
https://www.oschina.net/translate/angularjs-ui-router-nested-routes原创 2022-02-06 22:09:48 · 614 阅读 · 0 评论 -
uiRouter之路由传参
uiRouter之路由传参https://www.cnblogs.com/panda-zhang/p/5318195.htmlhttps://www.cnblogs.com/dseven/p/6777860.html原创 2022-01-26 13:34:10 · 904 阅读 · 0 评论 -
angularjs嵌套组件的钩子函数与信息传递
钩子函数一个例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.6.8/angular.min.js"></script> </head> <body> <div ng-app="myAp原创 2022-01-24 14:24:54 · 800 阅读 · 1 评论 -
uiRouter之路由的跳转
语法一般使用的路由的跳转有两种方法使用标签进行跳转<a ui-sref="">使用编程时路由导航进行跳转$state.go(name)例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.6.8/angular.min.js"&原创 2022-01-21 23:28:14 · 546 阅读 · 0 评论 -
uiRouter之定义一个简单的路由
一个简单的例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.6.8/angular.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/ang原创 2022-01-21 23:17:46 · 211 阅读 · 0 评论 -
ng-repeat的使用
作用一般用于遍历数据生成模板,我们来看一个例子实例<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.6.8/angular.min.js"></script> </head> <body>原创 2022-01-21 22:49:56 · 759 阅读 · 0 评论 -
$apply
https://www.cnblogs.com/penghongwei/p/3398361.html作用$apply()方法可以在angular框架之外执行angular JS的表达式,例如:DOM事件、setTimeout、XHR或其他第三方的库。通知模板当前属性被改变例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https:原创 2022-01-21 22:19:39 · 498 阅读 · 0 评论 -
$rootScope.$new()与$scope.$new()
$rootScope.$new()新建一个干净的作用域$scope.$new()新建一个可继承的作用域例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.6.8/angular.min.js"></script>原创 2022-01-21 09:18:31 · 542 阅读 · 0 评论 -
$compile
作用是一个编译函数,一般的话我们写的angular的组件指令等,在运行的时候angular就会自动进行编译但是在我们自己写组件的时候可能会用到手动编译,这个时候就会用到$compile函数了$compile是一个高级函数,传入的参数为html模板,返回的为一个函数,返回函数的参数是html模板对应的scope例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <原创 2022-01-20 09:29:12 · 366 阅读 · 0 评论 -
compontent与directive的区别
compontent与directive的区别原创 2022-01-17 22:13:13 · 294 阅读 · 0 评论 -
component值require
作用与directive不同,component的require跟的是一个配置对象引用父级组件的控制器 ,可以拿到父级组件的属性与方法与方法使用的时候,我们一般在钩子函数$onInit中创建一个变量来进行保存引用的控制器例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.bootcdn.net/ajax/l原创 2022-01-19 09:53:43 · 579 阅读 · 0 评论 -
$scope与this的区别
博客参考作用当controller嵌套的时候,主要是为了区别模板中使用的属性到底来源于自身还是继承但是绑定在this上面的属性,必须通过对于controller进行重命名才可以,博客原创 2022-01-16 14:56:05 · 532 阅读 · 0 评论 -
angularjs之component的生命周期
博客参考onInit作用他一般用于component中对于数据做初始化,即当我们在使用bindings传递数据的时候就会用上它如果不用$onInit初始化数据,那么在相应的controller中是拿不到传递的数据第例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.bootcdn.net/ajax/libs/原创 2022-01-15 15:14:43 · 604 阅读 · 0 评论 -
component之bindings
需要注意的是component是angular1.5版本之后才出现的方法一个小栗子代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.6.8/angular.min.js"></script> </head> .原创 2022-01-12 09:37:35 · 421 阅读 · 0 评论 -
transclude
一个简单的例子我们先运行一段代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app="m原创 2022-01-10 22:33:17 · 125 阅读 · 0 评论 -
directive之require
作用用来引用其他controller值可以为字符串:controller的名字数组:包含controller的名字的数组引入之后我们能拿到的是绑定在this上面的属性和方法一般与link相结合,通过link的第四个参数拿到引用的相关的数据代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.stati原创 2021-12-29 15:23:36 · 1953 阅读 · 0 评论 -
directive之link
作用link函数的作用与controller差不多,同样可以像controller中一样绑定绑定事件和属性,甚至参数也是参数多的,他一共有四个参数,前三个参数与controller相同,这里说一下第四个参数如果当前的指令有require,那么第四个参数就是require引用的作用域如果当前的指令没有require,那么第四个参数就是当前的controller 本身而在controller上面添加到this上面的属性和方法就可以通过第四个参数访问代码代码<!DOCTYPE htm原创 2021-12-28 22:46:13 · 182 阅读 · 0 评论 -
priority与 terminal
目录作用代码代码效果git代码作用决定指令执行的优先级指令必须作为属性才能有作用当两个指令的优先级相同,放在前面的指令优先执行ng-repeat是所有指令中优先级最高的指令,优先级为1000代码代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.staticfile.org/angular.js/1.4原创 2021-12-28 09:28:32 · 289 阅读 · 0 评论 -
controller
参数相关参数controller在组件中是一个函数,他有四个参数,分别是$scope、$element、$attrs、$transclude我们在使用中可以打印这四个参数(注意$transclude使用的时候必须开启transclude:true)html<hello-world name1="hello" name2="world"></hello-world>jscontroller:function($scope,$element,$attrs,$tra原创 2021-12-27 23:46:19 · 284 阅读 · 0 评论 -
controllerAs
作用在angular 1.2版本之后,对于数据绑定提供了另外一种方式,就是将数据绑定在this上,然后在模板中对于controller进行重命名,如 <div ng-controller="myCtrl as vm">...</div>如果在组件中像上述方式使用的话,我们就会使用到了controllerAs例子实例一代码在非组件中使用,在模板中进行重命名<!DOCTYPE html><html> <head> &原创 2021-12-27 22:48:23 · 172 阅读 · 0 评论