Angular data 1

1、安裝? sudo npm install -g @angular/cli

2、ng -v 查看版本號(hào)

3、ng new auction 新建項(xiàng)目

4、component (組件)由 裝飾器? 模板? 控制器 三大部分組成;模板和控制器通過 數(shù)據(jù)綁定來取得聯(lián)系


5、模板用雙大括號(hào)把 ts中變量綁定 如{{title}}

6、模塊 module? 的@NgModule裝飾器的元數(shù)據(jù) declarations只能由? 組件? 指令 和管道組成;providers: []里面裝的只能是‘服務(wù)’;


7、啟動(dòng)命令? 參考package.json? start 命令

8、開發(fā)前,加入第三方類庫 bootstrap 和jquery??

npm install jquery bootstrap --save

在.angular-cli.json中的"apps":數(shù)組中的 “styles” 和“scripts”配置項(xiàng)加

9、安裝jquery 和bootstrap的類型描述文件

npm install @types/jquery? ? --save-dev

npm install @types/bootstrap --save-dev

10、自動(dòng)生成組件

ng g component navbar? (navbar是組件名)? 依次類推;

11、模板布局? app.component.html 如下 用的是bootstrap柵格系統(tǒng)


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容