-
重點：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
提交
取消