禁用ng-autocomplete（或通常禁用div属性）

Question

我有2个按钮，可以选择我要解决的2种不同情况。当我选择按钮＃2时，我想要禁用输入栏上的自动完成功能（使用ng-autocomplete启用），但我无法弄清楚如何轻松完成此操作（无需完全插入新的div，这听起来像个坏主意）。

我尝试将价值设置为不同的东西无济于事。有没有办法动态禁用它？

有问题的代码：

<input id="businessID" type="text" ng-autocomplete ng-model="autocomplete" placeholder="What business do you want to pay?">

Answer 1

我想到了一个想法，它认为它可以回答你的问题：

创建2个输入：

• 一个使用ng-autocomplete

  <input ng-if="!disabled" id="businessID" type="text" ng-autocomplete ng-model="autocomplete" placeholder="What business do you want to pay?">
  

• 第二个没有

  <input ng-if="disabled" id="businessID" type="text" ng-model="autocomplete" placeholder="What business do you want to pay?">
  

然后在输入中你可以区分是否禁用了范围变量。当它被禁用时，你会看到正常的，当不是自动完成的时候。

关于按钮，就像这样简单：

<button ng-click="disabled = !disabled">Disable autocomeplete</button>