angular-fa | Font Awesome SVG icons for AngularJS | Icon library

I am trying to have a full page Angular Material tab which has tabs which are full height and have a centered message. I have created this stakblitz as I can't get it to work. The fxFill's don't seem to Fill and I am not sure if this is an issue with the Flexbox layout or Angular Material. I don't want to force a height as within each tab as that seems to defeat the point of flexible layouts.

Am sure its simple but help a poor confused developer who is used to Bootstrap grid :)

UPDATE Adding height: calc(100vh - 100px); to the parent div and then also to the tall.component div makes things work but surely this is a bad solution

I found this very nice directive on Medium (https://medium.com/@sub.metu/angular-fallback-for-broken-images-5cd05c470f08):

As an Angular developer I want to get rid of Karma/Jasmine and use Jest instead so that I can test my application fast and without any pain. Unfortunately, I ran into unexpected problems.

In the last few hours, I went through all those tutorials showing up on top of the SERPs:

• Testing Angular Faster with Jest - xfive.co (recommended by jestjs.io)
• Integrate Jest into an Angular application and library - angularindepth.com
• How to use Jest in Angular aka make unit testing great (again) - itnext.io
• Use Jest instead of Karma and Jasmine for your Angular project - upcoding.fr

Here is what I did in detail:

1. Create a new Angular application using ng new my-application.
2. Change directory: cd my-application.
3. Run npm start (ng serve) and npm test (ng test) to see if everything works - it works.
4. Install Jest using npm install --save-dev jest jest-preset-angular @types/jest
5. Add this to package.json:

In this stackblitz demo when we click Create success the components view display is animated (From opacity 0 to opacity 1 over 5 seconds.).

If we clear the container (this.container.clear()) the removal of the element is not animated. The animations attribute looks like this:

Using VSTS to build an Electron app but I keep having issues with my NPM tasks:

I am not the dev, I'm devops trying to get this to build in VSTS running the npm install VSTS task and that seems fine, but then I run the npm Custom task where my command is npm run electron-build and then it fails.

I am running this as the root admin so I am not sure why that message is coming up.

ALSO: if I rdp into the VM that has the vsts agent on it and run the same NPM commands it builds its only when VSTS builds it that it fails.

here is the output I get from VSTS

I'm developing an Ionic iOS project and next step is see how much time It will take me until I have the Android version.

First of all I've added Android platform via ionic platform add Android, but when I try to build the project, I get this error:

Hi I have a feature complete web-app written using AngularJS (1.5.11) and now I'm getting started with unit testing using karma (0.12.37), grunt-karma (0.8.3), karma-chrome-launcher (0.1.12), karma-phantomjs-launcher (1.0.4), phantomjs-prebuilt (2.1.14), jasmine-promise-matchers (2.3.0) and karma-jasmine (0.1.6), with a 1.3.x Jasmine version.

I'm not very confident in testing asynchronous stuff, so I started googling around and I always end up seeing the only mandatory thing to run AngularJS async tests is a $rootScope/$scope.$apply/$digest right after the async function has been called.

Eventually I found someone suggesting me to use runs() and waitsFor() and the test in this plunkr in particular runs smoothly when using the chrome-launcher but fails when using phantomjs-launcher, throwing an error like the following:

I have a PHP file that outputs my google analytics tracking code from my database. But unfortunately my website front end is HTML. Is there a way using Javascript to call my file templates/google-analytics-code.php and output my google tracking code?

This is my PHP file that outputs my tracking code:

I am using angular-fancy-modal to display modals in my app.

This is my controller: