JSFiddle - React, Tailwind, and code Playground

by Anik Islam Abhi

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js"></script>
<script src="https://api-maps.yandex.ru/2.1/?lang=en_US" type="text/javascript"></script>

<script>
    function main($scope) {
    
   ymaps.ready(init);
    $scope.filter={};
    $scope.filter.step = 1;
    $scope.openFilter2 = function () {
      map.events.add('click', function(e) {
    	
      $scope.$apply(function(){
        $scope.filter.step = 2;
      })
      alert('click');
    });
    }
    
    function init() {
        map = new ymaps.Map("map", {
            center: [58.596584, 49.663428],
            zoom: 12
        });
        $scope.openFilter2();
    }
    }
</script>

<div ng-app >
    <div ng-controller="main">
    {{filter.step}}
     <div id="map" style="width: 500px;height: 500px;display: block"></div>
   </div>
</div>