ng-bootstrap

问题 Hi angular community ! Yesterday I setup ng-bootstrap following these steps Getting started with Ng-Bootstrap and everyting worked fine. This morning I started my ng serve --open as usual and I got this message in the terminal: ERROR in multi ./src/styles.css ./~/font-awesome/css/font-awesome.min.css ./~/bootstrap/dist/css/bootstrap.min.css Module not found: Error: Can't resolve '/home/papamilo/Documents/Workspace/Test_a2json/front-end_copy_new/node_modules/bootstrap/dist/css/bootstrap.min

问题 I am building a webcomponent based on the accordion component from ng-bootstrap. You can try the original component on stackblitz. What I would like is that <ng-template ngbPanelTitle> </ng-template> generate <div role="tab" id="ngb-panel-1-header" class="card-header "> <a href="" aria-expanded="false" aria-disabled="false" class="btn btn-block btn-primary" role="button" style="padding: 0.75rem 1.25rem;"> <!--bindings={ "ng-reflect-ng-template-outlet": "[object Object]" }--><!----> </a> </div

问题 I am successfully using ng bootstrap and specifically the modal module to show a modal form. It is a contact form that has email and message input fields and a submit button. The ngbootstrap module I am using is https://ng-bootstrap.github.io/#/components/modal/examples this shows fine. What I am trying to do is that when user clicks on the 'send' button (see template code below) the button will become disabled and say 'sending...'. In other words I'm trying to manipulate the properties view

问题 While I couldn't reproduce the issue, please take a look my plunker. I received following error when I try to open the dialog in my local workspace: ERROR TypeError: this._renderer.setProperty is not a function at NgbRadio.set [as value] (radio.js:133) at updateProp (core.es5.js:11160) at checkAndUpdateDirectiveInline (core.es5.js:10852) at checkAndUpdateNodeInline (core.es5.js:12382) at checkAndUpdateNode (core.es5.js:12321) at debugCheckAndUpdateNode (core.es5.js:13180) at

问题 I am using ng bootstrap datepicker. I want to set date format in input tag. This is my html code <input (click)="d.toggle()" type="text" [formControl]="updateEventForm.controls['live_date']" value="{{dispalyLiveDate | date: 'd/M/yy'}}" ngbDatepicker #d="ngbDatepicker"> Here {{dispalyLiveDate | date: 'd/M/yy'}} is my default value, when select date then date format is convert to yyyy-M-dd , i want this date format same as d/M/yy I had read document and find method format(date: NgbDateStruct)

问题 I'm trying to disable certain dates on ng bootstrap range picker Currently, I have a range picker inside a pop-up, and I am using [markDisabled] to disable certain dates. HTML <form class="form-inline"> <div class="form-group"> <div class="input-group"> <input #myRangeInput class="form-control" placeholder="mm/dd/yyyy - mm/dd/yyyy" name="dp" [(ngModel)]="model" ngbDatepicker [dayTemplate]="t" [autoClose]="false" [displayMonths]="2" [maxDate]="maxDate" [minDate]="minDate" #d="ngbDatepicker"

问题 I'm trying to get bootstrap 4 working with webpack and angular 2. From what I've read the best way to do this is to use ng-bootstrap. I've added '@ng-bootstrap/ng-bootstrap', to my vendor list after jquery per the instructions and put in the imports in my app.module.ts file. However when I run the app I get a ZoneSymbolError when I run it in the browser. I've ensured my webpack.config.vendor.js has been rebuilt etc. and moving things around causes slightly different errors but none of them

问题 I'm using the @ng-bootstrap/ng-bootstrap which adds Bootstrap components to Angular. You can inject components into an opened Modal, so the injected component makes up the body/content of the opened modal. I have a list of Player . When I click a player, I want to open a Modal with the clicked player's data inside of it. I can open a Modal with the injected PlayerComponent like this. constructor( private modalService: NgbModal ) { } openPlayerModal() { const modalRef = this.modalService.open

问题 I'm running a meteor project using angular as the front end and I can't seem to figure out how to get @ng-bootstrap/ng-bootstrap to import into my project correctly. Here is my setup... Meteor Version: 1.6, Angular Version: 5.1.3, @ng-bootstrap/bootstrap: 1.0.0-beta.9, Bootstrap: 4.0.0 beta 3 (CSS through CDN) client/app/app.module.ts : (cut down version) import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; import { AppComponent} from './app-component'; @NgModule({ imports: [OtherModules,

问题 I am making a project using "Angular powered Bootstrap", but after 4 weeks of development I found out that there is also something like "ngx-bootstrap". Are they the same thing? - If not, then which one of them is ng-bootstrap ? Is ngx-bootstrap dead ? 回答1: Those are completely 2 separate projects run by 2 different teams. ng-bootstrap is here: demo: https://ng-bootstrap.github.io/ GitHub: https://github.com/ng-bootstrap/ng-bootstrap npm: https://www.npmjs.com/package/@ng-bootstrap/ng