-
重点：UIRoute，表单验证这一块准备去看大漠老师的文章。查看全部
-
1、service ，factory，provider本质上都是provider。 2、filter用作数据的格式化。 3、熟悉angular自带的service和filter是灵活使用angular的前提。查看全部
-
link函数里，调用控制器里的方法： link: function( scope, element, attr ){ element.bind( "mouseenter", function(){ scope.方法名(); scope.$apply("方法名()"); }); }查看全部
-
transclude：可以嵌套 ng-transclude 模块名称.directive( "hello", //要替代的 function(){ return { restrict: 'AE', transclude: true, template: "<div>Hi everyone<div ng-transclude></div></div>" // 将嵌套的内容放到带有ng-transclude的div里 } } );查看全部
-
restrict-匹配模式 模块名称.run( //注册器加载完所有模块时，此方法执行一次 function( $templateCache ){ //将模板缓存，以便多次使用 $templateCache.put( "hello.html", "<div>Hi everyone</div>" ); } ); 模块名称.directive( "hello", //要替代的 function(){ return { //编译阶段，变量DOM 指令，转换DOM结构，调用compile函数 restrict: 'AEMC', //属性（默认）、元素（常用）、注释、样式类 // template: '<div>Hi everyone</div>', template: $templateCache.get("hello.html"), //用缓存。。 replace: true, compile: function(){ //对模板自身进行转换 }, link: function(){ //链接阶段（绑定作用域），调用link函数 //可以操纵DOM，注意：在controller里不要操纵DOM //可以绑定事件监听器 //在模板视图间的动态关联 } } } ); 注意：restrict: 'AEMC'， A-属性（默认）:<div hello></div> hello作为标签属性 E-元素（常用）：替换自定义的标签<hello></hello> M-注释：<!-- directive:hello --> 注意两边空格 C-样式类：<div class="hello"></div>查看全部
-
AngularJS路由： Ajax缺陷： Ajax请求不会留下History记录 用户无法直接通过url进入应用中的指定页面（保存书签、链接分享等） Ajax对SEO（搜索引擎）是个灾难 这时，我们用angularjs的路由 angular-ui-router.js，可以深层次的嵌套 参考 http://angular-ui.github.io/查看全部
-
双向数据绑定： 在页面取值： 在标签体里{{ greeting.text }} 在标签内用一个标签属性 <span ng-bind="greeting.text"></span>， 好处：如果没有引入angular，页面比较好看 用处：在index页面用ng-bind即可 form表单：......查看全部
-
$scope：作用域 $rootScope：根作用域 $routeProvider：路由，使用ngRoute进行视图之间的路由 ng-app：启动点 // 定义模块（依赖注入） var 模块名称 = angular.module( '启动点名称', [ '注册依赖的其它模块', '', ..., '' ] ); //配置模块config 模块名称.config( function( 需要的参数，比如$routeProvider ){ } ); //指向模块directive 模块名称.directive( '', [ '$scope, ..., 其它的....', //依赖注入的。。。。 function($scope, ..., ...){ ... } ] ); //过滤模块filter 模块名称.filter( '', [ '$scope, ..., 其它的....', function($scope, ..., ...){ ... } ] ); //服务模块service 模块名称.service( '', [ '$scope, ..., 其它的....', function($scope, ..., ...){ ... } ] ); //控制模块controller 模块名称.controller( '控制器名称', [ '$scope, ..., 其它的....', //需要依赖注入的其它。。。。 function($scope, ..., ...){ ... } ] ); ......查看全部
-
一切从模块开始： Module -- Config -- Routes -- Filter -- Directive -- Factory -- Service -- Provider -- Value -- Controller查看全部
-
AngularJS 指令: ng_app 定义应用程序的根元素，作为启动点。 指令 ng_bind 绑定 HTML 元素到应用程序数据。 简介 显示出来，没有input标签 ng_click 定义元素被单击时的行为。 HTML 事件 ng_controller 为应用程序定义控制器对象。 控制器 ng_disabled 绑定应用程序数据到 HTML 的 disabled 属性。 HTML DOM ng_init 为应用程序定义初始值。 指令 ng_model 绑定应用程序数据到 HTML 元素。 指令 有input标签 ng_repeat 为控制器中的每个数据定义一个模板。 指令 ng_show 显示或隐藏 HTML 元素。 HTML DOM ng-switch 分支语句，例如： <span ng-switch on=”person.sex”> <span ng-switch-when=”1〃>you are a boy</span> <span ng-switch-when=”2〃>you are a girl</span> </span> ng-if：条件判断语句 <span ng-if=”person.sex==1〃>you may be a father</span> <span ng-show=”person.sex==2〃>you may be a mother</span> data-ng-include：包含某一个页面的指令，data-ng-include=" 'app/base/header.html' "查看全部
-
AngularJS四大核心特性： MVC 模块化、依赖注入 双向数据绑定 指令查看全部
-
$scope生命周期查看全部
-
scope查看全部
-
$scope查看全部
-
controller使用注意事项查看全部
举报
0/150
提交
取消