ng-bootstrap的測試和使用

下面是ng-bootstrap各版本的依賴

如果沒有angular-cli環境需要先安裝

npm install -g @angular/cli

安裝完后創建一個項目

ng new 項目名稱

然后進入目錄，啟動服務

ng serve

可以在瀏覽器看到

停止服務器

安裝ng-bootstrap

npm install --save @ng-bootstrap/ng-bootstrap

打開ng-bootstrap文檔

https://ng-bootstrap.github.io/#/components/accordion/examples

按照第一個例子，添加并修改accordion-basic.ts，accordion-basic.html文件

修改app.module.ts

修改index.html,增加ngbd-accordion-basic節點

啟動服務

可以看到

和教程上的效果還是不太一樣，bootstrap的風格沒有

npm install bootstrap@4.0.0

然后在"styles": [后加上， "node_modules/bootstrap/dist/css/bootstrap.css"

重啟服務后可以看到效果

Bootstrap

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。