时间:2021-05-25
npm 安装 ng-bootstrap 模块
npm install @ng-bootstrap/ng-bootstrap --save在 Angular 项目配置
app.module.ts
添加
import { NgbModule } from "@ng-bootstrap/ng-bootstrap"; imports: [ /** * ngx-bootstrap */ NgbModule.forRoot() ],添加 bootstrap.min.css 样式
在 assets 文件夹下 bootstrap/bootstrap.min.css , 并在 style.css 文件中添加
@import "assets/bootstrap/bootstrap.min.css";测试
app.component.html
添加代码:
<div> <span> test the ng-bootstrap</span> <div [(ngModel)]="model" ngbRadioGroup name="radioBasic"> <label class="btn btn-primary"> <input type="radio" [value]="1"> Left (pre-checked) </label> <label class="btn btn-primary"> <input type="radio" value="middle"> Middle </label> <label class="btn btn-primary"> <input type="radio" [value]="false"> Right </label> </div> <hr> <pre>{{model}}</pre></div>测试结果
示例代码
angular + ng-bootstrap
参考文章
NG Bootstrap - Angular directives specific to Bootstrap 4
Bootstrap 4 components, powered by Angular
ngx-translate core
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
准备Angular2环境ng-bootstrap是基于Angular2的,因此需要先准备Angular2的环境。使用ng-bootstrap下载ng-boots
ng-animate本文讲一下Angular中动画应用的部分。首先,Angular本生不提供动画机制,需要在项目中加入Angular插件模块ngAnimate才
ng-zorro的官网上提供了两种在项目中添加ng-zorro的方法,下面记录其提供的第二种自行构建的方式。第一步:执行该命令创建新的angular项目,若没安
要启动一个angular应用,可以使用ng-app指令,也可以调用bootstrap方法手动启动。先看一下angular的bootstrap方法。angular
最近一个项目中需要实现多文件上传与管理,而项目是基于bootstrap开发的,所以查了一些bootstrap文件上传插件,最后发现还是bootstrap-fil