JSFiddle - React, Tailwind, and code Playground

by ckosloski

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://vitalets.github.io/angular-xeditable/dist/css/xeditable.css">
<script src="https://raw.githubusercontent.com/vitalets/angular-xeditable/0.1.9/dist/js/xeditable.js"></script>
<div ng-app="app" ng-controller="Ctrl">
  <div>
  
  test:<a href="#" editable-text="field1" buttons="no">{{ field1 || 'empty' }}</a></div>
  <div>
  
  test:<a href="#" editable-text="field2" buttons="no">{{ field2 || 'empty' }}</a></div>
</div>

JavaScript

var app = angular.module("app", ["xeditable"]);

app.run(function(editableOptions) {
  editableOptions.theme = 'bs3';
});

app.controller('Ctrl', function($scope, $filter) {
  $scope.field1 = "field1";
  $scope.field2 = "field2";
    
    
});