ng2-bootstrap

Angular2 + ng2-material import

由 ☆樱花仙子☆ 提交于 2019-12-08 07:54:53
问题 I'm using angular 2 with ng2-material to display radio and checkbox components, in each component I see that I have to import all the ng2-material contents and finally using only one component => the result, it charges my app and makes it slower. I want to know if I may import only the component that I need, despite that in the ng2-material documentation they are importing all of them ??? import {Component} from 'angular2/core'; import {bootstrap} from 'angular2/platform/browser'; import

angular2 can't import ng2-bootstrap

由 為{幸葍}努か 提交于 2019-12-05 15:37:28
问题 I can't import ng2-bootstrap layout.jade html head title Angular 2 QuickStart // 1. Load libraries script(src="/node_modules/angular2/bundles/angular2-polyfills.js") script(src="/node_modules/systemjs/dist/system.src.js") //script(src="/node_modules/ng2-bootstrap/ng2-bootstrap.js") script(src="/node_modules/rxjs/bundles/Rx.js") script(src="/node_modules/angular2/bundles/angular2.dev.js") // 2. Configure SystemJS script. System.config({ packages: { app: { //format: 'register', /

Angular2 - No provider for TemplateRef (ng2-bootstrap)

由 梦想与她 提交于 2019-12-05 15:08:32
问题 I have been trying several solutios for this error, but didn't find any succesful way to overcome this: No provider for TemplateRef! Error log: EXCEPTION: Uncaught (in promise): Error: Error in ./FooterComponent class FooterComponent - inline template:15:20 caused by: No provider for TemplateRef! Error: Error in ./FooterComponent class FooterComponent - inline template:15:20 caused by: No provider for TemplateRef! Unhandled Promise rejection: Error in ./FooterComponent class FooterComponent -

Angular 2 unit testing - @ViewChild is undefined

由 会有一股神秘感。 提交于 2019-12-04 15:03:35
问题 I am writing an Angular 2 unit test. I have a @ViewChild subcomponent that I need to recognize after the component initializes. In this case it's a Timepicker component from the ng2-bootstrap library, though the specifics shouldn't matter. After I detectChanges() the subcomponent instance is still undefined. Pseudo-code: @Component({ template: ` <form> <timepicker #timepickerChild [(ngModel)]="myDate"> </timepicker> </form> ` }) export class ExampleComponent implements OnInit { @ViewChild(

difference between ngx-bootstrap and ng2 bootstrap?

由 可紊 提交于 2019-12-03 10:29:50
问题 I'm making project in bootstrap (UI) and angular 2. I'm new to both things My friend suggests me to use ng2 bootstrap I am so much confused between ngx bootstrap and ng2 bootstrap. Always when I search ng 2 bootstrap it take me to the ngx bootstrap. What is the difference between the two? 回答1: ng2-bootstrap and ngx-bootstrap are one and the same: ng2-bootstrap was the old name, ngx-bootstrap is the new name. It's a project that's attempting to create an Angular-specific version of the Twitter

Angular 2 unit testing - @ViewChild is undefined

由 浪尽此生 提交于 2019-12-03 09:22:41
I am writing an Angular 2 unit test. I have a @ViewChild subcomponent that I need to recognize after the component initializes. In this case it's a Timepicker component from the ng2-bootstrap library, though the specifics shouldn't matter. After I detectChanges() the subcomponent instance is still undefined. Pseudo-code: @Component({ template: ` <form> <timepicker #timepickerChild [(ngModel)]="myDate"> </timepicker> </form> ` }) export class ExampleComponent implements OnInit { @ViewChild('timepickerChild') timepickerChild: TimepickerComponent; public myDate = new Date(); } // Spec describe(

difference between ngx-bootstrap and ng2 bootstrap?

由 半城伤御伤魂 提交于 2019-12-03 01:01:27
I'm making project in bootstrap (UI) and angular 2. I'm new to both things My friend suggests me to use ng2 bootstrap I am so much confused between ngx bootstrap and ng2 bootstrap. Always when I search ng 2 bootstrap it take me to the ngx bootstrap. What is the difference between the two? ng2-bootstrap and ngx-bootstrap are one and the same: ng2-bootstrap was the old name, ngx-bootstrap is the new name. It's a project that's attempting to create an Angular-specific version of the Twitter Bootstrap components (i.e. no dependency on jQuery). The project is run by Valor Software. I don't have

Angular2 plnkr error

由 末鹿安然 提交于 2019-12-02 08:54:46
问题 I am working on OS ubuntu 14.04 LTS and Google Chrome Browser Version 43.0.2357.130 (64-bit) to run Angular2 projects. But in most cases while searching something for angular2 i found number of plnkr is not working on this specified Operating system. everytime i got some kind of errors like Uncaught TypeError: m.values is not a function Uncaught TypeError: e.values is not a function why these error occured. while all those plnkr's are working fine on windows or any other platform. is this any

Angular2 plnkr error

由 喜欢而已 提交于 2019-12-02 04:09:10
I am working on OS ubuntu 14.04 LTS and Google Chrome Browser Version 43.0.2357.130 (64-bit) to run Angular2 projects. But in most cases while searching something for angular2 i found number of plnkr is not working on this specified Operating system. everytime i got some kind of errors like Uncaught TypeError: m.values is not a function Uncaught TypeError: e.values is not a function why these error occured. while all those plnkr's are working fine on windows or any other platform. is this any bug with angular2 or something else ? just want to use ng2-bootstrap for angular2 project but same

add custom button in actions column in ng2-smart-table angular 2

由 ￣綄美尐妖づ 提交于 2019-11-30 03:31:05
in ng2-smart-table angular 2 i want to add a new button in actions column and by click on this button it will route to another page this is the add , edit and delete buttons but i tried to make the new button like this but it's not working settings = { add: { addButtonContent: '<i class="ion-ios-plus-outline"></i>', createButtonContent: '<i class="ion-checkmark" ></i>', cancelButtonContent: '<i class="ion-close"></i>', confirmCreate: true, }, edit: { editButtonContent: '<i class="ion-edit"></i>', saveButtonContent: '<i class="ion-checkmark"></i>', cancelButtonContent: '<i class="ion-close"></i
订阅 ng2-bootstrap