JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<!doctype html>
<html ng-app>
  <head>
  </head>
  <body>
    <div ng-controller="myModelCtrl">
      <div>Number is {{myModel.number}}</div>
      <a href="#" id="update-number">Update Number</a>
    </div>
  </body>
</html>

JavaScript

function myModelCtrl($scope) {
   var myModel = new MyModel();
   $scope.myModel = myModel; 
}

function MyModel() {
  var _this = this;
  
  _this.number = 0;
  
  _this.updateNumber = function() {
     _this.number += 1;
    alert('new number should display ' + _this.number);
  }
  
  $('#update-number').click(function(e){
    e.preventDefault();
    _this.updateNumber();  
  });
  
  return _this;
}