Angular JS 學習筆記(入門)

2021-09-28 22:31:54 字數 1313 閱讀 6911

實習的第乙個專案,是angularjs。。。angular可是公升級到angular8了啊.。。

angular router 新增了向後相容模式,以降低大型專案的公升級成本。angular router 可以使用 $route apis 延遲載入部分 angularjs 應用程式,從而更容易地公升級到 angular。

對於大型angularjs開發團隊來說,現在正是公升級的好時機!

雖然angular js時代已經過去,但是很多企業,尤其是老企業還在用angular js,在其位謀其政,以前都是vue開發,現在有機會接觸到angular 基礎,還是要好好學習一下。

angular js 框架

他是開發動態web應用的框架,可以使用html語言或者通過拓展的html語言來使元件更方便清晰。

強大的指令功能:

新標記

1.directive 指令

通過html屬性或元素來為頁面新增特定的行為。

2.} 雙括號

其中expression不是代表全域性變數,是作用域scope中的變數,代表了model。

filter 是過濾器,可以修改顯示的樣式,不是css樣式。

實現了動態繫結,view和model的雙向資料繫結

service服務和依賴注入

如果要建立大型應用的話,我們最好把與控制器和檢視無關的邏輯都放入到服務中去,我們寫入factory,如下:

angular.module('calcu', )

.factory('calcuserver', function() ;

return ;

function convert(amount, incurr, outcurr)

});

那麼我們怎麼使用呢?

angular中每一樣東西都是使用依賴注入的方式來建立或使用的,要想注入依賴,

你必須先把這些需要協同工作的物件和函式註冊到model模組中,

model中注入依賴

angular.module('invoice', ['finance']) .controller('invoicecontroller', ['currencyconverter', function(currencyconverter) ]);

把陣列當作引數傳入,使用服務

初始化

LESS學習筆記 入門

今天在網上完成了less的基礎學習,下面是我的學習筆記。總共有三個檔案 index.html main.less mian.css,其中mian.css是main.less經過koala編譯之後自動生成的。下面是 index.html mian.less charset utf 8 body div...

Yii學習筆記(入門)

use yii db activerecord class a extends activerecord hello,i am only page.1 初始化應用 訪問http localhost basic web index.php,進入yii的啟動頁面。如果提示你未安裝openssl的話,去你...

hightopo學習筆記 入門

ht是基於html5標準的企業應用圖形介面一站式解決方案,其包含通用元件 拓撲元件和3d渲染引擎等豐富的圖形介面開發類庫,提供了完全基於html5的向量編輯器 拓撲編輯器及 3d場景編輯器等多套視覺化設計工具,和完善的類庫開發手冊 工具使用手冊 及針對html5技術如何進行大規模團隊開發的客戶深度培...