Controller scope variable($scope.code) not bind in html if element individually have blockUi

[vilispatel]

Hi, i am working on project and have angular BlockUi for whole screen. Now i want to apply by page element.i had code previously like,

and it's working good and apply block ui for whole page.

But now i tried,

      <input type="text" class="form-control" ng-model="mycode" placeholder="Enter the code">
             <button type="button" class="btn btn-primary col-xs-12" data-ng-click=" loginUsingCode(); " 
               > Login</button>

and when i print variable in mycode function loginUsingCode() it's blank.

i also add blockUIConfig.autoInjectBodyBlock = false; in my js file.

After add blockUI individually it's look like block UI add there scope and prevent the controller scope in html. Any Help ?