angular-directive

I have a legacy application that has some content inserted into the DOM via jQuery. I would like the legacy parts of the codebase to be responsible for compiling the html that it inserts into the DOM. I can get it to compile the initial html using $compile , but any DOM elements added by a directive's template or templateUrl are not compiled, unless I call $scope.$apply() from within the directive itself. What am I doing wrong here? Link to fiddle: http://jsfiddle.net/f3dkp291/15/ index.html <div ng-app="app"> <debug source='html'></debug> <div id="target"></div> </div> application.js angular

How can I use Google GeoChart in Angular? I want to inject angular data inside geoChart like this examples in Javascript https://developers.google.com/chart/interactive/docs/gallery/geochart?hl=it#Regions function drawRegionsMap() { var data = google.visualization.arrayToDataTable([ ['Country', 'Popularity'], ['Germany', 200], ['United States', 300], ['Brazil', 400], ['Canada', 500], ['France', 600], ['RU', 700] ]); var options = {}; var chart = new google.visualization.GeoChart(document.getElementById('regions_div')); chart.draw(data, options); } Some advice? Silvio Troia Angular Google Chart

This question already has an answer here: AngularJS app.run() documentation? 2 answers There are controllers constants directives services factory run config filters functions of angular.js . What is the calling order of all these modules? Learning this I made a fiddle observing the behaviour by console.log . Its like app config app run directive setup directive compile (app controller dependencies) service factory inner factory inner service app controller filter directive linking filter render (w.r.t the markup) Observe yourself here (Check Console). EDIT New Fiddle with filters added 来源：

I am trying to do smth like this @Directive({ selector: '[myVal][myCustomInputToComponent]', providers: [ { provide: NG_VALIDATORS, useExisting: forwardRef(() => MyVal), multi: true } ] }) export class MyVal implements OnInit, Validator { @Input() input: any; constructor(private el: ElementRef) { } ngOnInit(): void { console.log('validator input', this.input); } validate(): { [key: string]: any } { console.log('validate', this.input) return { validatorName: { valid: false } }; } } And validate method obviously was not called. But maybe there is some way how you detect components with valid and

When I add in this line of code into my @Component : directives: [HeroDetailComponent] The code breaks, and gives me this error: GET http://localhost:3000/@angular/core 404 (Not Found) These are the scripts in my index.html : <script src="node_modules/es6-shim/es6-shim.min.js"></script> <script src="node_modules/systemjs/dist/system-polyfills.js"></script> <script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script> <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> <script src="node_modules/systemjs/dist/system.src.js"></script> <script src="node

I wonder how does Angular's *ngFor directive actually work under the hood? I would like to know the whole process that happens when I use the directive. For downvoters : I've seen the ng-for-of file, although there is no single usage of passed to *ngFor array's e.g. join() method that I know is invoked. Thanks for your support :) Here is the plunker that shows the behavior: https://plnkr.co/edit/IXVxWrSOhLBgvSal6PWL?p=preview Here is a high level overview. Suppose you define your template like this: <span *ngFor="let item of items">{{item}}</span> Then it's transformed to the following by the