Angular/BootStrap Tutorial

by cn172

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js"></script>
<div ng-controller="ButtonsCtrl">
    <p>SingleModel: <input type="text" ng-model="singleModel" /></p>
    <p ng-bind="singleModel * 10"></p>
</div>

JavaScript

// See: http://angular-ui.github.io/bootstrap/

var myApp = angular.module('myApp', ['my.controllers']);

var controllers = angular.module('my.controllers', []);

controllers.controller('ButtonsCtrl', function($scope) {
  $scope.singleModel = 1;

  $scope.radioModel = 'Middle';

  $scope.checkModel = {
    left: false,
    middle: true,
    right: false
  };
    
  $scope.isCollapsed = false;
});