zedwang / ngMagicalInput

A edit input component of angular

ngMagicalInput

A input component of angular

Usage

$ bower install ngMagicalInput --save

or

<script src="dist/scripts/ngMagicalInput.min.js"></script>

Demo

angular.module('demoApp',['ngMagicalInput'])
.controller('Demo',function($scope){
            $scope.test = {
                text :'G20峰会'
            }
        })

// The directive supported ngForm's all attrs
<ng-magical-input ng-model="test.text" name="text"
                              ng-change="change()"
                              class="controls"
                              type="text"
                              ng-trim="true"
                              ng-maxlength="10"
                              icon-ok="fa fa-plus"
                              icon-edit="fa fa-ok"
                              required>
                              </ng-magical-input>