自學ng2 模板與資料繫結

2022-04-26 05:51:08 字數 726 閱讀 8099

通過輸入型繫結把資料從父元件傳到子元件

// 子元件

import from '@angular/core';

import from './hero';

@component(}, am at your service, }.

`})export class herochildcomponent

// 父元件

import from '@angular/core';

import from './hero';

@component()

export class heroparentcomponent

通過setter截聽輸入屬性值的變化

-- 子元件上的input() name屬性上的setter會格式化名字  

import  from '@angular/core';

@component()

export class namechildcomponent

get name(): string

}

-- 父元件

import  from '@angular/core';

@component()

export class nameparentcomponent

to be continute ......

自學ng2 速讀教程

每個模組都帶有乙個 ngmodule裝飾器的類 declarations 宣告元件 exports 可用於其他模組的元件模板 imports 宣告模組 providers 服務建立者,加入全域性服務列表中 bootstrap 指定根元件,只有根模組才能設定bootstrap屬性 js模組和ng模組完...

ng2目錄說明

目錄說明 一 e2e 端到端的測試目錄 二 src 源 目錄。用 ngmodule宣告了乙個模組,在這個模組中 首先用delarations宣告了這個模組中有什麼東西。這裡只能宣告元件,指令,管道。imports 宣告要讓應用正常運轉,還需要什麼東西。也就是這個模組依賴的其他模組 browermod...

構建ng2簡單練手

angular構建說明1.開啟命令列 mkdir ng2 建立專案資料夾 cd ng2 切換到專案資料夾 2.新建三個json檔案 tsconfig.json 複製如下 exclude node modules typings main typings main.d.ts typings.json ...