Как отобразить список, заменив специальный символ в редакторе кендо

Question

Мне нужно загружать список полей всякий раз, когда специальный символ вводится в редактор кендо, и заменять символ значением поля. Здесь я упоминаю свой код

<textarea kendo-editor k-ng-model="trigger.message " calss = 'message' ng-change = viewList></textarea > 
                                       <ul>
                                          <li ng-repeat="option in data" ng-click="setData(option.field_name)">{{option.field_name}}</li>
                                       </ul>

в контроллере:

$scope.viewList = function() {

            var templist = []

            if ($scope.trigger.message == '' || $scope.trigger.message == undefined) {
                templist = [];
            } else if ($scope.trigger.message.indexOf('@') > -1) {
                templist = $scope.fields;
            }
            $scope.messageFields = templist;
        }

        $scope.setData = function(value) {
            $scope.trigger.message = $scope.trigger.message.replace('@', '') + " %" + value + "% ";
            $scope.messageFields = [];
        }

Любой направляет меня, чтобы исправить это. Спасибо заранее.