【问题标题】:ng-tags-input, how to disable user input?ng-tags-input,如何禁用用户输入?
【发布时间】:2016-04-03 06:04:50
【问题描述】:

我正在寻找如何禁用此指令指令的用户输入,我想做的是控制器在视图中发生的某些事件上插入值。

我已经浏览了 API,但我并没有真正找到如何做到这一点。 我什至尝试过使用disabled 属性

<tags-input ng-model="filterTags" disabled></tags-input>

样式变灰了,但我仍然可以手动插入值。

【问题讨论】:

    标签: angularjs ng-tags-input


    【解决方案1】:

    请检查,

    <input ng-disabled="true">
    

    【讨论】:

    • ng-disabled 所做的是根据表达式设置disabled 属性,在您的答案中,表达式为true,因此相当于只放置disabled
    • 是的,但我试过 它没有显示在 html 上
    • 您是否在应用程序中包含该指令?
    • 它有效,我错过了这个明显的解决方案是我的错。虽然它也适用于disabled="true"
    【解决方案2】:

    ng-tags-input.min.js


    1. 移除关闭/移除标签符号:
      a) 搜索ng-click="$removeTag()" ng-bind="::$$removeTagSymbol"
      b) 删除这些属性

    2. 将标签设为只读:
      a) 搜索&lt;input class="input"
      b) 添加readonly属性

    3. 删除“添加标签”占位符:
      a) 搜索Add a tag,你会看到类似placeholder:[String,"Add a tag"]
      b) 将其替换为空字符串,例如 placeholder:[String,""]

    Screenshot

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多