Angular内置指令:
1-添加管理边界:ng-app
2-用于input:ng-model(注意:这里是适合绑定动态的数据)
3-初始化数据:ng-init
4-数据绑定、可存放一个变量:{{}} 、ng-bind
总结:ng-bind和{{}}区别
ng-bind在angularjs没有加载的时候不显示
{{}}在angularjs没加载之前会显示{{}}
5-重复渲染:ng-repeat
track by $index给每个重复的元素添加下标 确保他的唯一性
6-ng-if和ng-show的区别:
如果为false ng-if将不会渲染
ng-show先渲染在判断是否显示与隐藏
angular事件:
ng-click:
angular内置服务:
var app =angular.module("app",[]);//先依赖注入一个模块 app.controller("MainCtrl",["$scope","http",function($scope,$http){ $http({ method:"get", url:".........." }).success(function(data){ console.log(data); }) }]) //以上这段请求就是传说中原生ajax那种请求
先看个栗子(一个大神讲给我的 很重要哦):
<!DOCTYPE html> <html> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script> <body ng-app="b" ng-controller="myCtrl"> <div></div> <script> //a模块 var a = angular.module('a', []); a.service('jsq', function() { this.add=function (x,y) { return x+y; } }); //b模块 var b = angular.module('b', []); b.controller('myCtrl', function($scope) { var res=xxxx(2,3);//我想用a模块中jsq服务中的add方法,怎么办 alert(res) }); </script> </body> </html>
//其实注入方法很简单 单独写个控制器先模块注入,再组件注入搞定
噗哈哈先总结到这里下一期继续写个分割线更文