AngularJS & Bootstrap Hello World UI Template


The article is a placeholder for the copy & paste code for AngularJS and Bootstrap. If one wants to quickly get started with AngularJS and Bootstrap, one may want to bookmark this page.

Points to pay attention:

  • AngularJS script referenced from Google hosted libraries
  • Bootstrap scripts and CSS files from bootstrapcdn


<!DOCTYPE html>

<html ng-app="helloApp">
  <link rel="stylesheet" href="//">
  <script src="//"></script>
  <script src="//"></script>
    var helloApp = angular.module( "helloApp", [] );
    helloApp.controller( "HelloCtrl", [ '$scope', function($scope) {
      $ = "ajitesh shukla";

<body ng-controller="HelloCtrl">
  <div class="page-header">
    <h1>Hello World Sample Program</h1>
    <form class="form-horizontal" role="form">
      <div class="form-group">
          <label class="col-md-2 control-label">Type Your Name</label>
          <div class="col-md-4">
               <input type="text" ng-model="name"  class="form-control" value="{{name}}"/>
               <span>Hello {{ name }}!</span>


Ajitesh Kumar
Follow me

Leave A Reply

Time limit is exhausted. Please reload the CAPTCHA.