Javascript AngularJS指令混淆了CSS类

我有一个输入表单，我正在尝试向它添加文本标记（）就是我正在添加的标记。我在中添加了一个指令来添加行为：

angular.module('tags', [])

.directive('tags', function(){
    return {
        restrict: 'A',
        require: 'ngModel',
        link: function(scope, el, attrs, ngModel){
            scope.$watch(attrs.ngModel, function(value){
                if (value){
                    console.log("value changed, new value is: " + value);
                    el.val(value);
                }
            });
            el.textext({
                plugins: 'tags',

            });
        }
    };
});

然而，在输入表单本身中，我尝试向输入添加一个引导表单类

<input type="text" class="form-control" tags ng-model="extraTags">

一旦我添加了类表单控件，输入就缩小到0大小，我甚至看不到它。我已经用为类添加的其他css对此进行了测试，似乎该指令删除了所有内容，使其成为一个正常的输入表单，或者更糟糕的是，一个不存在的超小型输入表单。我知道angular会遍历页面上的项目，然后对它们进行修改，我想这是在添加css之后发生的

这个答案不起作用：通过添加替换：true

有什么想法吗？谢谢

它可能不是棱角分明的（它不会仅仅删除类或任何东西），而是你的插件，

el.texttext

你有没有试着注释掉那个部分，看看它是否仍然缩小？