Angular 基本使用

2022-07-14 15:21:15 字數 756 閱讀 1989

基本介紹

1、angularjs是乙個框架(諸多類庫的集合)以資料和邏輯做為驅動(核心)。

2、angularjs有著諸多特性,最為核心的是:模組化、雙向資料繫結、語義化標籤、依賴注入等。

模組化

"

enpp

">

2、定義模組:angularjs提供了乙個全域性物件angular,在此全域性物件下存在若干的方法,其中angular.module()方法用來定義乙個模組

(1)引數一是模組名稱

(2)引數二是此模組所依賴的其他模組

(4)模組一般只定義乙個,定義多個時不能巢狀,控制器可以巢狀

', );

2、定義控制器:作為連線模型(model)和檢視(view)的橋梁存在,模型(model)資料是要展示到檢視(view)上的,所以需要將控制器(controller)關聯到檢視(view)上,通過為html標籤新增ng-controller屬性並賦值相應的控制器(controller)的名稱,就確立了關聯關係。

(1)上面定義模組所返回的也是乙個物件,這個物件的controller方法,可以將為我們進行檢視與模型的繫結

(2)引數$scope是乙個空的物件,它其實就是model,可以為這個物件新增屬性,頁面中的展示的資料就是所繫結的屬性

democontroller

', ['

$scope

', function ($scope) ]);

angular基本使用

angular 有很多裝飾器,它們負責把元資料附加到類上,以了解那些類的設計意圖以及它們應如何工作。component裝飾器 宣告乙個元件時,在元件類的之上要用 component裝飾器來告知angular這是乙個元件 component ngmodule是乙個裝飾器函式,它接收乙個用來描述模組屬性...

angular元件使用

1.定義子元件 component export class productdetail 新增裝飾器說明是乙個元件,selector指明了該元件使用的標籤名,templeteurl指定元件模板即html,styleurls指定樣式模板。父元件使用該子元件 父元件html 2.父元件向子元件傳值 1 ...

angular之 location基本用法

一.獲取url的相關方法 以 https localhost 8080 tblog.csdn.net lixiaoyan star article list index.html foo myhash?orderby viewcount 為例 獲取當前完整的url路徑 獲取當前url路徑 當前url...