• About Me
  • MSBI
  • Projects
  • webdevelopment
  • Joomla Training
  • WordPress Training
  • Contact Us

PHP MySQL

~ Share Knowledge

PHP MySQL

Category Archives: Angularjs

Angular js sample projects

13 Wednesday Jul 2016

Posted by maheshkanna in Angularjs

≈ Leave a comment


Angularjs sample application

19 AngularJS Admin Templates for Download

https://github.com/angular/angular.js/wiki/Projects-using-AngularJS

http://angularcode.com/

https://www.template.net/web-templates/website-templates/angularjs-template/

http://startangular.com/

15 Best Responsive HTML5 & CSS3 AngularJS Admin Templates To Build Awesome Web Apps 2016

30+ Responsive Free AngularJS Admin Themes

Advertisements

Share this:

  • Twitter
  • LinkedIn
  • Facebook
  • Pinterest

Like this:

Like Loading...

Bootstrap scrollspy affix

08 Friday Jan 2016

Posted by maheshkanna in Angularjs, Bootstrapless

≈ Leave a comment


Understanding Bootstrap’s Affix and ScrollSpy plugins

 

Share this:

  • Twitter
  • LinkedIn
  • Facebook
  • Pinterest

Like this:

Like Loading...

35 Best Responsive CSS Frameworks and Grids

02 Wednesday Sep 2015

Posted by maheshkanna in Angularjs, CSS3

≈ Leave a comment


http://designscrazed.org/best-responsive-css-frameworks/

Semantic UI Framework

Twitter Bootstrap Framework

Foundation Framework

Share this:

  • Twitter
  • LinkedIn
  • Facebook
  • Pinterest

Like this:

Like Loading...

AngularJS 2 way data binding

16 Thursday Apr 2015

Posted by maheshkanna in Angularjs

≈ Leave a comment


// any variable attached to $scope can have live representation in the view
myApp.controller('myController', function($scope){
    $scope.myAppModel = {
        firstName: 'Dave',
        occupation: 'UI Architect
    };
});

<!-- if we type in new values, they will display in real time -->
<div ng-controller="myController">
  <span> {{ myAppModel.firstName }} </span><br>
  <input type="text" name="firstName" ng-model="myAppModel.firstName">
  <span> {{ myAppModel.occupation}} </span><br>
  <input type="text" name="occupation" ng-model="myAppModel.occupation">
</div>

AngularJS currently accomplishes (view-model) data-binding via “dirty-checking”, a process of recursively comparing current data values for each $scope object with previous values to see what has changed if there has been an associated UI event or “watched” model event.

Share this:

  • Twitter
  • LinkedIn
  • Facebook
  • Pinterest

Like this:

Like Loading...

Basic comparison of jQuery and AngularJS

16 Thursday Apr 2015

Posted by maheshkanna in Angularjs

≈ Leave a comment

Tags

Basic comparison of jQuery and AngularJS


<!-- as a user types their name, show them their input in real time -->
<!-- the jQuery IMPERATIVE way -->
<form name="imperative">
  <label for="firstName">First name: </label>
  <input type="text" name="firstName" id="firstName">
  <span id="name-output"></span>
</form>

<script>
$(function(){
    // Notice how we must make sure the ID strings in both HTML
    // and JavaScript MUST match
    $('#firstName').keypress(function(){
        // boilerplate: retrieve a model value
        var nameValue = $('#firstName').value();
        // boilerplate: paint the model value into the view
        $('#name-output').text(nameValue);
    });
});
</script>

<!-- the AngularJS DECLARATIVE way -->
<form name="declarative">
  <label for="firstName">First name: </label>
  <!-- the next two lines create the 2-way binding between the model and view -->
  <input type="text" name="firstName" id="firstName" ng-model="firstName">
  <span>{{firstName}}</span>
</form>

<script>
// Because AngularJS hides the boilerplate, no DOM string references to maintain
// between HTML and JavaScript
</script>

 

Share this:

  • Twitter
  • LinkedIn
  • Facebook
  • Pinterest

Like this:

Like Loading...

Blog Stats

  • 68,964 hits

Recent Posts

  • How to handle the ENTER keypressed to trigger an onBlur() event?
  • AngularJs call one method of controller in another controller .
  • Angular js sample projects
  • Bootstrap scrollspy affix
  • Bootstrap horizontal scrolling tabs

Calendar

April 2018
M T W T F S S
« Aug    
 1
2345678
9101112131415
16171819202122
23242526272829
30  

Recent Comments

fohardnoR on Very simple add, edit, delete,…
importanceofseoforsm… on wordpress training in hyd…
TecCrowd on AngularJs call one method of c…
capsaqq on Change Your WordPress Login…
Amamdou on How to remove FaLang traductio…
Teodoro Bocchieri on Show / Hide Content in jo…
Omniture Login on omniture tutorial
maheshkanna on Show / Hide Content in jo…
Sheri Donaho on Show / Hide Content in jo…
myanmar business lis… on Change Your WordPress Login…

Categories

  • Addons (3)
  • Angularjs (5)
  • Bootstrapless (3)
  • CSS3 (7)
  • Drupal (4)
  • GoogleApps (2)
  • Health (2)
  • HTML (27)
  • Javascript (13)
  • Joomla (21)
  • Jquery (10)
  • JSON (2)
  • LESS (2)
  • Magento (5)
  • Materials (1)
  • MySql (3)
  • omniture (1)
  • OOPS in php (2)
  • php (162)
  • React js (1)
  • Reactjs (1)
  • Responsive webdesign (2)
  • Sass (2)
  • Seo (3)
  • Smoothies (13)
    • Health (7)
    • Nutrition (7)
  • Web development training (6)
  • wordpress (18)
  • XHTML (5)

Blogs I Follow

  • Richard Gendal Brown
  • www.impratima.in
  • Magento Tips and Fundamental Solutions
  • Magento-4U
  • ITechonology
  • Don Charisma
  • rubenlacasa.es
  • PHP MySQL

Top Rated Poste

RSS

  • RSS - Posts
  • RSS - Comments
I Voted
Advertisements

Blog at WordPress.com.

Richard Gendal Brown

Thoughts on the future of finance

www.impratima.in

Frontend Web Developer & Designer .......

Magento Tips and Fundamental Solutions

Magento Technical and Fundamental Tips

Magento-4U

Lets share magento e-commerce experience ...

ITechonology

Information Techonology

Don Charisma

because anything is possible with Charisma

rubenlacasa.es

PHP MySQL

Share Knowledge

%d bloggers like this: