Angular – Knowledgebase

Replace absolute paths with relative paths in TypeScript files

3 May, 2019 Roel van Lisdonk 0 Comments 1 category

Just some small Power Shell script to replace absolute paths with relative paths in TypeScript. I needed this because inside an Angular Library NPM package we where using tsconfig ‘path mapping’, but this caused some

How to run Angular e2e tests written in TypeScript with Cucumber and Protractor

19 March, 2019 Roel van Lisdonk 0 Comments 1 category

If you want to run your end to end tests with cucumber instead of jasmine, then create a new Angular app: ng new angular-cli-cucumber-demo and follow the steps on https://www.amadousall.com/angular-e2e-with-cucumber/ NOTE: Tested it with Angular

Angular – Test error – No base href set

26 February, 2019 Roel van Lisdonk 0 Comments 1 category

When running a ng test with Angular v6.2.9 cli, I was getting the error: Error: No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document.

Fix in IE – Angular 1.6.1 Disabling automatic bootstrap. <script> protocol indicates an extension, document.location.href does not match.

1 February, 2017 Roel van Lisdonk 0 Comments 1 category

When using angular 1.6.1 in IE9, IE10, IE11, I was getting the error: Disabling automatic bootstrap. <script> protocol indicates an extension, document.location.href does not match. This seemed to be an 1.5.x issue, that was fixed

Simple Angular 1.x carousel with slide animation that works on >= IE8

22 November, 2016 Roel van Lisdonk 0 Comments 1 category

I created a simple carousel with slide animations, that works on >= IE8. The code works out of the box on >= IE9, if you want to use the carousel on IE8, use Angular 1.2.x

Animate the navigation between pages with CSS3 and Angular 1.x

6 October, 2016 Roel van Lisdonk 0 Comments 1 category

Just created a code pen to demonstrate the navigation between pages in Angular 1.x by using css3. The animation should mimic scrolling the pages from top to bottom, now I could have just used TypeScript,

How to pass a function to an attribute directive, without using isolated scope or eval in Angular 1.x

3 October, 2016 Roel van Lisdonk 0 Comments 1 category

I have created a little POC to demonstrate, how you can pass a function that resides on the scope, to be passed to a attribute directive without using isolated scope or eval in Angular 1.x.

Angular 2 final is here!!

15 September, 2016 Roel van Lisdonk 0 Comments 1 category

The Angular team finally launched Angular 2: https://angular.io/

How to fix: ENOENT: no such file or directory, rename … \abbrev (angular cli)

24 August, 2016 Roel van Lisdonk 0 Comments 1 category

When I was running “npm install -g angular-cli”, I was getting the following error: npm ERR! npm v3.10.3 npm ERR! path C:\Users\Roel\AppData\Roaming\npm\node_modules\.staging\a bbrev-69492d5e npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall rename

Communicate between controllers in Angular by using a simple pubsub service in TypeScript.

16 June, 2016 Roel van Lisdonk 0 Comments 1 category

I created a really simple angular PubSubService in TypeScript, to allow communication between controllers or directives or services. In the example below, controller 1, fires an event and controller 2 reacts to the

Tag: Angular