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">
<head>
<title>HelloWorld</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script>
var helloApp = angular.module( "helloApp", [] );
helloApp.controller( "HelloCtrl", [ '$scope', function($scope) {
$scope.name = "ajitesh shukla";
}]);
</script>
</head>
<body ng-controller="HelloCtrl">
<div class="page-header">
<h1>Hello World Sample Program</h1>
</div>
<div>
<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>
</div>
</div>
</form>
</div>
</body>
</html>
…
[adsenseyu1]
I have been recently working in the area of Data analytics including Data Science and Machine Learning / Deep Learning. I am also passionate about different technologies including programming languages such as Java/JEE, Javascript, Python, R, Julia, etc, and technologies such as Blockchain, mobile computing, cloud-native technologies, application security, cloud computing platforms, big data, etc. I would love to connect with you on Linkedin.
Check out my latest book titled as First Principles Thinking: Building winning products using first principles thinking.
Check out my latest book titled as First Principles Thinking: Building winning products using first principles thinking.
Latest posts by Ajitesh Kumar (see all)
- Agentic Reasoning Design Patterns in AI: Examples - October 18, 2024
- LLMs for Adaptive Learning & Personalized Education - October 8, 2024
- Sparse Mixture of Experts (MoE) Models: Examples - October 6, 2024
I found it very helpful. However the differences are not too understandable for me