JSFiddle - React, Tailwind, and code Playground

by rapsac

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.js"></script>
<script src="https://code.jquery.com/jquery-1.11.0.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<div ng-controller="MyCtrl">
    <input type="text" ng-model="inputModel.text" />
<div class="button-container">
    <button type="button" ng-click="setValue(inputModel)"></button>
</div>
<input type="text" ng-model="inputModelTwo.text" />
<div class="button-container">
    <button type="button" ng-click="setValue(inputModelTwo)"></button>
</div>
</div>

JavaScript

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

myApp.controller('MyCtrl', function ($scope) {
    
    $scope.inputModel = {};
    $scope.inputModelTwo = {};
    
    $scope.inputModel.text = 'hey';
    $scope.inputModelTwo.text = 'ho';
    
    $scope.setValue = function (valueToSet) {
        console.log(valueToSet);
       valueToSet.text = "Some value.";
    };
});