JSFiddle - React, Tailwind, and code Playground

by mslocum

HTML

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.17/angular.js"></script>
<input my-dir ng-model="foo" />

<br/><br/>
log:<br/>
<textarea id="log"></textarea>

CSS

textarea {
    height:20em;
    width:200px;
}

JavaScript

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

function log(strData) {
    var log = angular.element('#log');
    log.val(log.val() + strData + '\n');
}

app.directive('myDir', function(){
    return {
        require: 'ngModel',
        link: function(scope, el, attrs, ngModel) {
            ngModel.$parsers.push(function(value) {
                return value.split('');
            });
            ngModel.$validators.paneldrome = function(modelValue, viewValue) {
                return !angular.isArray(modelValue) || modelValue.reverse().join('') == viewValue;
            };
            ngModel.$validators.maxLength = function(modelValue, viewValue) {
                console.log(arguments);
            };
        }
    }
});