<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>