angular - how to add angular2-bootstrap-confirm to angular2? -


i new angular-2, trying add angular2-bootstrap-confirm showing cannot errors in console. had followed following docs click here there way this. can 1 me on issue.

this trying get.is there way effect.

this how need

app.component.ts

import { component } '@angular/core'; import {confirmoptions, position} 'angular2-bootstrap-confirm'; import {positioning} 'angular2-bootstrap-confirm/position/position';  @component({   selector: 'my-app',   template: `<button       class="btn btn-default"       mwlconfirm       [title]="title"       [message]="message"       placement="left"       (confirm)="confirmclicked = true"       (cancel)="cancelclicked = true"       [(isopen)]="isopen">       click me!     </button>  `, providers: [      confirmoptions,     {provide: position, useclass: positioning}   ] }) export class appcomponent {  public title: string = 'popover title';   public message: string = 'popover description';   public confirmclicked: boolean = false;   public cancelclicked: boolean = false;   public isopen: boolean = false; }

app.module.ts

import { ngmodule }      '@angular/core'; import { browsermodule } '@angular/platform-browser'; import { appcomponent }   './app.component'; import {confirmmodule} 'angular2-bootstrap-confirm'; @ngmodule({   imports:      [ browsermodule,confirmmodule ],   declarations: [ appcomponent ],   bootstrap:    [ appcomponent ] }) export class appmodule { }

systemjs.config.js

/**  * system configuration angular 2 samples  * adjust necessary application needs.  */ (function (global) {   system.config({     paths: {       // paths serve alias       'npm:': 'node_modules/'     },     // map tells system loader things     map: {       // our app within app folder       app: 'app',       // angular bundles       '@angular/core': 'npm:@angular/core/bundles/core.umd.js',       '@angular/common': 'npm:@angular/common/bundles/common.umd.js',       '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',       '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',       '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',       '@angular/http': 'npm:@angular/http/bundles/http.umd.js',       '@angular/router': 'npm:@angular/router/bundles/router.umd.js',       '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',       // other libraries       'rxjs':                       'npm:rxjs',       'angular2-in-memory-web-api': 'npm:angular2-in-memory-web-api',     },     // packages tells system loader how load when no filename and/or no extension     packages: {       app: {         main: './main.js',         defaultextension: 'js'       },       rxjs: {         defaultextension: 'js'       },       'angular2-in-memory-web-api': {         main: './index.js',         defaultextension: 'js'       }     }   }); })(this);

maybe modal window hidden. try change placement property like:

placement="right"

and don't forget add bootstrap css

update:

change systemjs.config.js:

map: {   app: 'app',   ....   'angular2-bootstrap-confirm': 'npm:angular2-bootstrap-confirm' }, packages: {   ...   'angular2-bootstrap-confirm': {      main: 'angular2-bootstrap-confirm.js',      defaultextension: 'js'   } }

plunker example


-

Comments

Post a Comment

Popular posts from this blog

serialization - Convert Any type in scala to Array[Byte] and back -

i have following question: i have variable value in program declared value. i want convert value byte array.. how can serialize byte array , back? found examples related other types such double or int, not any. this should need. it's pretty similar how 1 in java. import java.io.{bytearrayinputstream, bytearrayoutputstream, objectinputstream, objectoutputstream} object serialization extends app { def serialise(value: any): array[byte] = { val stream: bytearrayoutputstream = new bytearrayoutputstream() val oos = new objectoutputstream(stream) oos.writeobject(value) oos.close stream.tobytearray } def deserialise(bytes: array[byte]): = { val ois = new objectinputstream(new bytearrayinputstream(bytes)) val value = ois.readobject ois.close value } println(deserialise(serialise("my test"))) println(deserialise(serialise(list(1)))) println(deserialise(serialise(map(1 -> 2)))) println(deserialise(seri
Read more

matplotlib support failed in PyCharm on OSX -

any idea how fix ? how can debug might problem ? not seem : https://youtrack.jetbrains.com/issue/py-15520 i in console: python 2.6.9 (unknown, jul 14 2015, 19:46:31) [gcc 4.2.1 compatible apple llvm 6.0 (clang-600.0.39)] on darwin >>> import matplotlib.pyplot plt matplotlib support failed the backend : >>> import matplotlib >>> print(matplotlib.rcparams['backend']) macosx
Read more

python - Matplotlib: TypeError: 'AxesSubplot' object is not callable -

i new programming please pardon me if rookie mistake. i writing python script have defined functions create subplots of distributions. i have slider widget end user change value of variables(mu , sigma) , see effect on distribution. here's code import numpy np print np.__version__ import scipy print scipy.__version__ scipy.stats import norm, lognorm, uniform import matplotlib print matplotlib.__version__ import matplotlib.pyplot plt matplotlib.widgets import slider, button, radiobuttons, checkbuttons #####calculating mean , standard deviation##### global mu_a1 mu_a1 = 1 global mu_b1 mu_b1 = 10 global mu_c1 mu_c1 = -13 global sigma_a1 sigma_a1 = 0.14 global sigma_b1 sigma_b1 = 1.16 global sigma_c1 sigma_c1 = 2.87 mu_x01 = -11 sigma_x01 = 1.9 #####_____##### #####generating random data##### a1 = 0.75*mu_a1 + (1.25 - 0.75)*sigma_a1*np.random.sample(10000) b1 = 8*mu_b1 + (12 - 8)*sigma_b1*np.random.sample(10000) c1 = -12*mu_c1 + 2*sigma_c1*np.random.sample(10000)
Read more