angularjs 學習筆記

2021-07-10 09:43:59 字數 2915 閱讀 7586

文件 

function

angular

.bootstrap

(element,[

modules],[

config

]);  第乙個引數,要繫結的元素,第二個引數要繫結的modules ,第三個引數 暫不明確

}.controller('welcomecontroller', function($scope) );

angular.bootstrap(document, ['demo']);

angular

.copy

(source,[

destination

]);   複製 操作  source 源(包括任意型別) destination 目的地 (型別和源保持一致)

angular.element(document.queryselector('div')).attr("params","hahha"); 提供類似於jquery的寫法,但是用起來不怎麼好用,可能自己不太明白,

並且angularjs,不希望直接操控dom

angular

.equals(o1

,o2);  判斷兩個值相等 支援值型別、正規表示式、陣列和物件。、

angular.extend(obj1,obj2)  合併物件,  將obj2物件合併到obj1。 如果保留obj1寫法: angular.extend({},obj1,obj2); 

angular.foreach(); 迭代器   案例

var user2=;

var log=;

angular.foreach(user2,function(value,key),log)

console.log(log);

angular

.fromjson

(json

);  反序列化 json , 沒明白

angular

.identity

(value

);  不懂

angular

.injector

(modules,[

strictdi

]); 不明白

angular

.isarray

(value

); 判斷是不是陣列

angular.isdate();  判斷是不是時間型別

angular.isdefined(); 判斷有沒有被引用 ,個人 理解 應該是判斷變數定義了有沒有賦值

angular.iselement(); 判斷是不是元素

angular

.noop

();  不懂

angular

.tojson

(obj

,pretty

); 沒懂

指令用法 

*請輸入正確姓名

input指令 ng-model 必填項 

textarea 和input 指令使用類似

select 標籤 裡面的 ng-options 指令 和 類似於ng-reqpeat ,迴圈陣列並將內容填充到 option 元素中。

ng-style 指令 類似於元素 中的style ,優點在於 值,可以設定

ng-bind 指令 和}的區別,ng-bind 顯示的變數在angularjs 未載入完成,不會顯示

ng-bind-html 指令,功能類似於 jquery 的$().html(); 為元素新增html** ,使用之前需要 引入 angular-sanitize.min.js 檔案,並且呼叫服務

ng-bind-template 可以使用 }  

ng-bind-template

="} }!"

>

ng-class指令  接收物件,鍵為class類名,如果值為true 則加入 ,否則不加入

ng-class=""

>

map syntax example

type

="checkbox"

ng-model

="deleted"

>

ng-classeven  配合 ng-repeat 實現奇偶布局

ng-init

="names=['john', 'mary', 'cate', 'suz']"

>

ng-repeat

="name in names"

>

ng-class-odd

="'odd'"

ng-class-even

="'even'"

>

}

ngcloak 指令,防止angularjs未載入完} 頁面顯示問題

ng-copy  複製事件 繫結

ng-cut 剪下事件

ng-inculude 引入 一段檔案

$scope.templates='./tpls/caselist.html';

ng-list 不明白含義

ng-non-bindable 顯示原始碼 對表示式不進行編譯

server服務

$anchorscroll 滾動到指定服務

angularjs學習筆記

不要用控制器去繼承控制器,通用的通過service來通用 不要試圖服用controller,乙個控制器只負責乙個塊試圖 不要在controller中操作dom,這不是controller的職責,用指令只做 不要在controller中做資料初始化,ng有表單控制項 不要在controller中做資料...

Angular JS 學習筆記

特定領域語言 指令 當關聯的html結構進入編譯階段時應該執行的操作,可以寫在名稱裡,屬性裡,css類名裡 本質上是函式 穩定的dom 繫結了資料模型的dom元素的例項不會在繫結的生命週期發生改變 作用域 用來檢測模型的改變和為表示式提供執行上下文的 angularjs 和其它模板系統不同,它使用的...

AngularJS學習筆記(四)

這部分講原理部分,主要是分析angular.js的源 蠻有意思的,也很重要,深入理解原理,哈哈,知其然還要知其所以然,知其所以然,才能更好的知其然。幾個tips 1.啟動 主要看angular.js檔案的最後面 用自執行函式的形式讓整個 在載入完成後立即執行 下面是幾個需要探索的 window.an...