AngularJS Playground

Experimenting with AngularJS.

by Gregory Guidero

HTML

<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<div id="mainContainer" ng-app="angularTest" ng-controller="MainCtrl">
    <div id="debugText">{{yay}}</div>
    {{wow}}
    <div id="other">
    
    </div>
</div>

CSS

#debugText {
    margin: 10px 0;
    padding: 5px;
    background-color: #eee;
    border: 1px solid #ccc;
}

input.ng-dirty.ng-invalid {
   background-color: #f65b90;
}
}

JavaScript

'use strict';

var app = angular.module('angularTest', []);
var mainControl = {};

app.controller('MainCtrl', ['$scope', function($scope) {
    $scope.yay = "something";
    $scope.wow = "Else";
    
    mainControl = $scope;
    
    var debugText = document.getElementById('debugText');

		debugText.innerHTML = "someother Else";
}]);

var debugText = document.getElementById('debugText');
var other = document.getElementById('other');
debugText.innerHTML = "someother Else";

other.innerHTML = mainControl.yay+" "+mainControl.wow;