I went on to do quick POC and found that AngularJS bootstrap components was able to serve most of my needs without having the need to include following two JS libraries:
Thus, this tremendously reduced the memory footprint of overall JS files required to achieve what I wanted to achieve with my webpages.
Primarily because, it may create a hard binding with my AngularJS code and may present difficulties if I want to explore other UI-widgeting framework in future.
Pay attention to some of the following:
<html ng-app="helloApp"> <head> <title>HelloWorld</title> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js"></script> <script src="ui-bootstrap-tpls-0.9.0.min.js"></script> <script> var helloApp = angular.module( "helloApp", ['ui.bootstrap'] ); helloApp.controller( "HelloCtrl", [ '$scope', function($scope) { $scope.name = "calvin hobbes"; }]); </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>
Conclusion
To conclude, for my sample projects, I would definitely use AngularJS Boostrap components rather than depending on Jquery & Bootstrap JS libraries.
Last updated: 3rd May, 2024 Have you ever wondered why some machine learning models perform…
Last updated: 2nd May, 2024 The success of machine learning models often depends on the…
When working on a machine learning project, one of the key challenges faced by data…
Last updated: 1st May, 2024 The bias-variance trade-off is a fundamental concept in machine learning…
Last updated: 1st May, 2024 As a data scientist, understanding the nuances of various cost…
Last updated: 1st May, 2024 In this post, you will learn the concepts related to…