angular - Including external javascript libraries inside Angularjs 2 component templates -

-

angularjs 2 documentation mentions,

almost html syntax valid template syntax. <script> element notable exception; forbidden in order eliminate possibility of javascript injection attacks (in practice ignored).

so there other way of including external javascript files component template? (like chart plugin, j3d etc.)

my problem in details..

i have charts inside angular2 template(say charts.html). these charts interactive.. show more details when user move pointer on charts. (jquery based) . since injecting charts index.html dynamically (with angularjs), charts plugins doesn't recognizing dynamic content. (even css properties doesn't apply classes of dynamic contents).

it's not clear me want do. can use external javascript files include them html page. can use them in components.

that said, need aware executed outside context of angular2. mean won't take account regarding change detection. matter of fact, angular2 uses zonejs trigger change detection. here 2 questions regarding aspect:

here question describing how use toastr angular2: unable import toastr module angular 2.

another thing consider if external library supports modules or not able reference using require or import.

edit

regarding css, components support shadow dom. means styles isolated. need define css styles component (styles property) or change encapsulation mode viewencapsulation.none.

regarding user move supports, need listen them own in component , execute corresponding processing using ngzone able take part in change detection. have @ question:

hope helps you, thierry


Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5);
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:
Read more

Python Pig Latin Translator -

-
so have been working on @ codecademy.com while trying learn python. don't know if blind , can't see why won't work or what. here's code won't let me use. function print variable if had typed in , print "empty" if didn't type anything. print "welcome english pig latin translator!" original = raw_input("what's name?") if len(original) > 0 print original else print "empty" if len(original) > 0 else the above lines contains syntax errors. try: if len(original) > 0: else: note added colons, ( : ).
Read more