以應用為目的從零開始學習AngularJS

2021-08-25 19:46:38 字數 2014 閱讀 4897

2018/8/25 學習開始

為angular註明管理範圍

ng-init初始化資料,初始化後資料對整個頁面可見。}}

以上結果所有位置輸出都是0

迴圈

繫結資料

對於輸入框而言

num就會跟隨輸入框的值變化而變化

ng-controller

$scope.num=0;

})controller將num初始化為0,然後num會跟隨輸入框內容的變化而變化。

深度監視:

$scope.$watch('arr',function(),true);//最後乙個引數起深度監視的作用
資料互動

})在新版本中http請求使用then來傳遞歸掉。方便管理

//等待兩秒後執行**//強制資料更新

請求資料

$http.jsonp(url,params:{}.success(function(){}).error(function(){}))jsonp 請求:wd=,cb=用於請求json資料。

2018/8/26更新

filter-過濾器

輸出資料之前處理一下}}

自定義過濾器:

//初始化部分

return function(input)

})

2018/8/28更新

指令功能:自定義標籤,自定義元件

restrict:

e element 標籤

a attribute屬性

c class 類

m comment 備註

template:

內容用法:

json =

return json;})

佔位符:transclude:true嵌入模式開啟時

原始內容放在佔位符裡()

2018/9/21

前端路由

在angular中有乙個前端路由機制,目的是減少對伺服器的請求次數。

我們訪問以下**時

首先,在對伺服器請求時。請求的位址都是控制顯示方式的位置在本地。

匯入路由模組:

使用$routeprovider.when來註明url和顯示區域的關係

.config(['$routeprovider', function($routeprovider))

.when('/computers',)

.when('/printers',)

.otherwise();

加乙個

當我們訪問以下鏈結時,ng-view的位置就會出現對應template中的內容。

按鈕觸發事件 ng-click的用法:

$scope.a=function(){

然後在需要的位置 ng-click = "a()"即可

從零開始學習react

react.createlement tag,content class shoppinglist extends react.component return 我們可以把兩者結合起來,使 react 的 state 成為 唯一資料來源 渲染表單的 react 元件還控制著使用者輸入過程中表單發生的...

C 從零開始學習

首先你需要乙個編譯器,在這裡我首先是推薦功能強大的visual studio最強ide。vs 可以嘗試自己在ide裡面敲一下,畢竟只有多動手才能成功!include 此為標頭檔案 using namespace std 告訴編譯器使用 std 命名空間。main方法為主函式,是程式開始執行的地方 i...

從零開始學習 從零開始學習資料結構 雜湊桶

雜湊桶的本質是雜湊表,雜湊表的本質是 k v,k v 不就是 map,那麼這樣一層一層學習下來,就能理解的更為透徹,學習程式設計一定要有追根刨底的好奇心,這樣你的進步會非常快。1 桶 就是可以存放資料的結構 在這裡我認為桶就是結構體!在雜湊表的改進之上,雜湊表當時自己的做法是 表中存放的是指標,而不...