4 angular框架介紹 運用

2021-08-15 18:20:44 字數 1625 閱讀 7809

核心:只關心資料,完全不關心ui 的事

– } 是ng 自己的一套解析程式,不完全和js 一樣

– ng 和 js 表示式 不 互通(ng 變數 都是 $scope 的一部分)

– 資料初始化:ng-init = 「名字:值;名字:值」

– 直接寫:class = 「}」

– 陣列:ng-class = 「arr」

.class1

style>

ng-init="class1='class1';arr=['class1'];">

名字 : class="}"

type="text"

ng-model="name">

p>

名字 : ng-class="arr"

type="text"

ng-model="name">

p>

div>

– 直接寫:style = 「}」

– json:ng-style = 「json」

ng-init="style = 'width:200px;height:30px;';json = ">

名字 : style="}"

type="text"

ng-model="name">

p>

名字 : ng-style="json"

type="text"

ng-model="name">

p>

div>

– ng-if 真正的刪除元素

– ng-show 顯示/隱藏元素

– ng-hide 顯示/隱藏元素

– }– ng-repeat = 「value in arr/json」

– ng-repeat = 「(key,value) in arr/json」

– ng-repeat 和 ng-事件、賦值,同時出現在同一元素上可能會出問題

e.g:

="button" ng-repeat

="v in arr" ng-click

="a = a + 1"

>

解決辦法為:ng-事件 中不要直接用表示式,而是用controller 中定義的函式

e.g:

="button" ng-repeat

="v in arr" ng-click

="fn()"

>

可新增、可獲取

可監視:

$scope.$watch("名稱",function

(),深度監視);

$http.get(url,})

.success(function

(資料){})

(資料){})

.error(function

(){});

Angular 技術框架

angularjs是為了克服html在構建應用上的不足而設計的。html是一門很好的為靜態文字展示設計的宣告式語言,但要構建web應用的話它就顯得乏力了。所以我做了一些工作 你也可以覺得是小花招 來讓瀏覽器做我想要的事。通常,我們是通過以下技術來解決靜態網頁技術在構建動態應用上的不足 類庫 類庫是一...

linux kail recon ng框架的介紹

recon ng是由python編寫的乙個開源的web偵察 資訊收集 框架。recon ng非常強大,它可以自動的進行資訊收集和網路偵察。linux kail中recon ng的安裝 git clone啟動時它會提示你 key not set,也就是api沒設定,因為呼叫裡面的某些外部服務模組的時候...

layuit 框架 UI框架Layui入門介紹

layui 諧音,類ui 一款為服務端程式設計師量身定做的ui框架,採用原生的html css js編寫,體積輕盈,內容豐富。使用layui後,一次性解決彈出層 日期外掛程式 資料分頁 檔案上傳等常用模組。除此之外,layui相容除ie6 7外的所有瀏覽器,可作為 pc端後台系統和前台介面的快速開發...