JSFiddle - React, Tailwind, and code Playground

by sbaydakov

HTML

<div ng-controller="MyController as ctrl">
  <button ng-click="ctrl.feedback.toggle()">Toggle on/off</button>
  <div ng-if="ctrl.feedback.isOpened()">
    <input type="text" ng-model="ctrl.feedback.checked" />
  </div>
</div>

JavaScript

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

app.controller('MyController', ['$scope', 'FeedbackService', function($scope, FeedbackService) {
  var vm = this;
  vm.feedback = FeedbackService;
}]);

app.factory('FeedbackService', function() {
  var opened = false,
    checked = false;

  var service = {
    toggle: toggle,
    isOpened: isOpened
  };

  return service;


  function toggle() {
    opened = !opened;
    console.log('toggle', opened);
    return opened;
  }

  function isOpened() {
    console.log('isOpened', opened);
    return opened;
  }
});