-
留個爪查看全部
-
指令執行的三個階段,link函數操作dom,綁定事件查看全部
-
前端自動化查看全部
-
compile與link:查看全部
-
$scope查看全部
-
需安裝的grunt插件查看全部
-
angularJS在指令里面操作DOM查看全部
-
restrict:匹配模式 E:元素 <hello></hello> A: 屬性(默認)<div hello></div> 為已有的HTML標簽增加功能時使用屬性的方式 C: 樣式 <div class="hello"></div> M: 注釋 <!-- directive:hello -->(要有空格) templateUrl:"hello.html" //可在hello.html中實現更復雜的模板 replace:true //內部指令被外部替換掉 <hello> <div>指令內部的內容</div> </hello> transclude:true, template:"<div>Hello!<div ng-transclude></div></div>" //指令內部嵌套的內容放在ng-transclude查看全部
-
angularJS的四大核心特性: mvc模式 指令系統 雙向數據綁定, 模塊化和依賴注入查看全部
-
前端路由的基本原理: 哈希#:URL變化但不刷新頁面 HTML5中新的history API:通過js改變地址,瀏覽器留下歷史記錄但頁面不會跳轉 路由的核心是給應用定義“狀態”查看全部
-
ctrl+shift+D :復制 ctrl+A ctrl+shift+H :html beautify 代碼格式化 class="text-{{color}}" 可以通過數據綁定修改樣式 對應css中有兩個樣式 .text-red .text-green ng-class="{error:isError,warning:isWarning}" 如果isError為true則樣式為.error;如果isWarning為true則樣式為.warning 還有別的表達式 css.doyoe.com查看全部
-
ctrl+shift+k:刪除該行 ctrl+e :zencoding自動生成div標簽 主頁面用ng-bind,其他頁面用{{}} <div class="panel-body"> <div class="row"> <div class="col-md-12"> <div class="form-horizontal" role="form"> <div class="form-group"> <label class="col-md-2 control-label">郵箱:</label> <div class="col-md-10"></div> </div> </div> </div> </div> </div> <input placeholder="提示內容"> 偏移量 <div class="col-md-offset-2 col-md-10"> <div class="checkbox"> <label><input type="checkbox"></label> </div> </div>查看全部
-
使用ngRoute進行視圖之間的路由 #防止瀏覽器向后臺提交請求,在頁面內進行跳轉,angular會攔截到#后面的地址,跟route里面的進行匹配 模塊是一個集合:模型、視圖、控制器、過濾器、服務等組合在一起實現某個功能查看全部
-
ok!查看全部
-
一個控制器一般只負責一小塊視圖 不要在controller中操作DOM,這不是控制器的職責 不要在controller里面做數據格式化,ng有很好用的表單控件 不要在controller里面做數據過濾操作,ng有$filter服務 可以用angular.element($0).scope()進行調試 一般來說,controller不會互相調用,控制器之間的交互會通過事件進行查看全部
舉報
0/150
提交
取消