<div class="output-reconciliation-keywords">
    <div class="item-keyword" ng-repeat="x in keywordsList track by $index">
        <span class="prefix">{{x.prefix}}</span>
        <div class="dx-texteditor dx-widget dx-textbox" ng-show="!isReadonly">
            <input type="text" onkeyup="value = value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\,,\s]/g, '')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\,,\s]/g, '')" class="dx-texteditor-input" maxlength="50" ng-model="x.value" />
            <i ng-click="deleteKeywords(x)" class="fa fa-minus-circle delete-keywordi" aria-hidden="true"></i>
        </div>
        <span class="read-keyword" title="{{x.value}}" ng-show="isReadonly">{{x.value}}</span>
    </div>

    <span class="add-keyword" ng-show="!isReadonly" ng-click="addKeywords()"><i class="fa fa-plus-circle"></i>{{'AddNew' | translate}}</span>

</div>