angularJS 入门基础
程序员文章站
2022-07-08 19:34:43
angular
所有用到的库, 全部用的cdn：
(adsbygoogle = window.adsbygoogle || []).push({});
angular
所有用到的库, 全部用的cdn：
复制代码 代码如下:
.angular的数据绑定实例,这个是最基础的,angular的所有枝叶全部从这里开始:.
复制代码 代码如下:
angular
通过angular,展示数组对应的数据;.
复制代码 代码如下:
angular
.数据过滤器的demo：
复制代码 代码如下:
angular
.factory工厂, $provider, service等等都是一样样的, 不要感觉很难, 其实就是看出一个数据模型或者实例就好了;：
复制代码 代码如下:
angular
{{json}}
angular最强大的东西,数据的绑定binding
{{data}}
通过angular,展示数组对应的数据;
- {{i.name}}----{{i.age}}
数据过滤器;
{{sourcode}}
{{sourcode | up}}
{{sourcode | up}}
angular中的factory就相当于一个公用的实例方法,可以理解为一个多个控制器都可以用的函数;
angular的指令;
ng-switch的使用
- 1
- 2
- other
ng-src和ng-href的使用(如果使用src或者href的话,html初始化的时候就会加载,肯定是不行的)
angular对样式进行操作;(jq是手动选择元素对元素样式进行操作,angular提供了一种更屌的方法,把元素的属性赋值给一个变量,你只要改变这个变量即可)
使用模板
updateangular的通知数据更新三种方式$scope.$digest(),$scope.$apply(),以及通过$scope.$watch监听进行更新;
{{hehe}}
the value set by $scope.$watch ==>> {{wat}}
angular中的工具方法列表
这些工具方法跟其他库差不多;
angular.element是anguarlite选择元素的小jq;
angular.module是模块元素的方法;
angular.module是模块元素的方法;
ng-transclude的使用(这个是官方的案例):
ngpaste以及ngmouseup和ngkeyup,ngmodeloptions....等方法参考官方的使用,要用查api就好了,(官方的要fq哦;)
如果不用ng-message组件的错误提示如下;
老外写的demo
老外写的demo
$timeout和$interval,这两个服务;