Angular 2.0 Architechture

Starting new series – Learning Angular 2.0 on My Github – ##### angular 2.0 building blocks– Module– Component– Template– Metadata– Data Binding– Service– Directive– Dependency Injection ##### 1. Module– Angular apps are modular and so in general we assemble our application from many modules. A typical module is a cohesive block of code dedicated… Read More Angular 2.0 Architechture

angular- Dynamic window height with ng-style

Recently, I was working on one nw.js (Node-webkit) related project for creating windows / desktop application using node/nw.js. I had to write window resize event and based on that I needed to show vertical scrollbar. in short something like – where height and scrollbar will adapt window resize automatically upon resize. angular code app.directive(‘winResize’, function… Read More angular- Dynamic window height with ng-style

How-to with Node.jS & file system

1. Reading from a file Problem: You want to read a file from the file system and display its contents on the terminal screen. Solution: var fs = require(‘fs’); fs.readFile(‘data.txt’, function (err, data) {  if (err)    throw err;  if (data)    console.log(data.toString(‘utf8’)); }); Discussion: First, we include the file system core module using module inclusion as… Read More How-to with Node.jS & file system

Everything about Node.js (How-to-start)

Tutorials interactive lessons The Art of Node (an introduction to Node) Hello World Example Hello World Hello World Web Server Node.js guide Build a blog with Node.js, express and MongoDB Node.Js Tutorials At Project 70 Node.js for Beginners Learn Node.js Completely and with Confidence Absolute Beginners Guide To Node.js Developer Sites Joyent’s developer site… Read More Everything about Node.js (How-to-start)

ionic-content overlaps/hide behind ion-header-bar/ion-nav-bar.

Recently I am working on Ionic Framework with AngularJS. I noticed that my <ion-content> was overlapping or hidden behind <ion-nav-bar> or in some cases you may have <ion-header-bar> as well.. <ion-header-bar class=”bar bar-header bar-dark”> <h1 class=”title”>Settings</h1> <button class=”button button-clear” ng-click=”closeSettings()”>Close</button> </ion-header-bar> <ion-content> <div class=”padding”> <div class=”list”> <label class=”item item-input”> <span class=”input-label”>Units</span> <ion-radio-buttons ng-model=”settings.tempUnits”> <button class=”button button-positive… Read More ionic-content overlaps/hide behind ion-header-bar/ion-nav-bar.