Tuesday, May 20, 2014

Angular 101

I am finally getting around to experimenting with Angular. By now you have probably have seen the 20ish minute talk,   or learn it in one day .  But, the first talk I went to on Angular was with The Google Development group here in Triangle last year.

Here is Kyle's sample which I partially modified:

Sample html:
 <div id="tab1EnhancedAddCmts" ng-app="NowPlaying">
                  <div ng-controller="MyCtrl">
                  <input type="text" ng-model="username">
                 <h1>Hello {{username}}</h1>
                <h2>My Favorite Libraries</h2>
              <ul><li ng-repeat="library in libraries">{{library}}</li></ul>
             <button ng-click="doSomething()">Click Me!</button>

Sample javascript:
<script language="javascript" src="appcontent/js/libs/angular/1.2.16/angular.min.js"></script>

<script type="text/javascript" language="javascript">
var app = angular.module('NowPlaying', []);

app.controller(‘MyCtrl’, ['$scope', ' NowPlayingSvc',
       function($scope,    NowPlayingSvc) {
            $scope.doSomething = function() {



        $scope.username = 'Kyle Buchanan';

        $scope.libraries = NowPlayingSvc.libraries;

app.factory('NowPlayingSvc', [
       function() {
            return {
                     libraries: [


More info:

No comments:

Post a Comment