Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="https://code.angularjs.org/1.5.2/angular.js"></script>
<div ng-controller="MyCtrl">
  <div class="input-group" style="width:100px" ng-if="someFlag">
            <input type="number" 
                   class="form-control" 
                   id="Sampling_Request_for_Current_Sampling_INPUT"
                   ng-model="aabbcc" 
                   style="width:125px;text-align:center">
 <span class="input-group-btn">
 <button class="btn btn-default" ng-disabled="Cannot_Allocate_Yet" ng-click="Get_Sampling_Request_Details()" type="button">{{'click'}}</button>
            </span>
        </div>
</div>

JavaScript

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

//myApp.directive('myDirective', function() {});
myApp.controller('MyCtrl', function MyCtrl($scope) {
$scope.aabbcc = 0;
$scope.someFlag = true;

 $scope.Get_Sampling_Request_Details = function () {
    console.log("$scope.aabbcc: " + $scope.aabbcc) ;
}
});