Sandeep Kumar Patel's Blog, page 5
September 30, 2014
Introducing Batarang : AngularJS Debugger
Batarang is an AngularJS application debugger for Chrome Browser and available as chrome extension.Batarang can be found in Chrome web store and installed.Below URL points to the Batarang Chrome web store link. batarang chrome linkGithub project URL of Batarang is listed below. https://github.com/angular/angularjs-batarangAfter successful installation you can find a new tab called 'AngularJS' listed in developer console...
September 27, 2014
AngularJS Message Module
AngularJS provides ngMessages a new module to provide more control on displaying messages.ngMessage module is present in angular-messages.min.js script file.In this demo, "We will implement ngMessage module for email validation inside a form".Below code shows the demonstration of ngMessage module wing ng-messages and ng-message element.<!DOCTYPE html><html ng-app="myApp">
<head>
<script src="http://www.tutorialsavvy.com//ajax.go......
AngularJS Publish Subscribe Using Emit and Broadcast
AngularJS provides publish subscribe mechanism using using $emit and $broadcast mechanism.A published message can be subscribed or listened using $on method.In this demo, "We will learn the difference between Emit and broadcast pub-sub mechanism using a real simple example".Difference between Emit and Broadcast is the way they propagate or traveled from the source.A message publish via $emit propagates upward and travel up t...
September 16, 2014
Chocolatey Package Manager For Windows OS
Chocolatey package manager is windows based framework for quick install of application.It is similar to apt-get, NPM and YUM.In this demo, "We will configure choclatey and install noteapd++ application in our windows based machine".You can find more detail about chocolatey in the below link. http://chocolatey.org/aboutDownload the chcoclatey installation package form the below link. https://codeload.github.com/cho...
September 11, 2014
AngularJS filter module
AngularJS provide filtering function in ng module.filter keyword can be used to filter from a array of element or array of object.In this demo, "We will create an example to filter from an array of item and from array of object with a specified property of the object".In the example the initial search is from a normal array containing fruit names as strings and next two searches are from array of student object containing name and subject property. the search is based on...
September 8, 2014
AngularJS Form Validation
AngularJS provides form validation using $invalid and $valid tag.These $invalid and $valid tags are Boolean in nature.In this Demo,"We will create button with 2 required input field. The submit button will be disabled and text color is red if form is invalid.Once the form is valid the submit button become active and color of the text green".If ng-disabled built-in directive takes the value from these flags and controls the submit button.Below code shows the demo code link in JSBIN.<!DOCTYPE...
September 6, 2014
Implementing AngularJS Anchor Scroll
AngularJS provides $anchorScroll method to to jump to a location with specified id.AngularJS provides $location object with hash() method to replace the current URL with a given key string.$anchorScroll reads the hashed string and looks for the given id and jump to the section.In this demo, "We will implement the anchor scroll for given categories.When user click on the button the page focus moves to that section".Below HTML shows the HTML file rendering different categories and list of item...
September 5, 2014
Understanding AngularJS Provider
AngularJS has the feature to create provider which act like a factory to provide data to the application.A provider can be defined using provider() function.A provider has to implement $get() method to be used.In this demo, "We will create a fruit name provider which will injected in application configuration and used by the controller to display all the fruit name in the browser".Below code shows the HTML markup used for displaying fruit name as a ordered list.<!DOCTYPE html><html...
August 4, 2014
Indtroducing Chrome Development Editor
Chrome provides a very light weight development editor.This editor is now in beta version.This editor can be downloaded from below URL. https://chrome.google.com/webstore/detail/chrome-dev-editor-developIn this Demo, "We will explore this Chrome Developer Editor".Below screenshot shows creating new project popup window.
Below screenshot shows the supported project types by this editor.
Below screenshot shows the generated project structure for...
July 27, 2014
Resolving Polymer ReferenceError Platform is not defined
While coding for Polymer JavaScript library for web component you will face an exception "ReferenceError Platform is not defined", though all the library are included properly.In this Demo, "We will see How it occurs and its solution".Below screen shot shows the chrome inspect of loaded HTML of a sample polymer code.You can mark the platform file is loaded in 2nd script.This causes the above mention Reference error in chrome browser while it will run properly in Firefox.
Thus the incorre...
