在AngularJs/Javascript中创建禁用下拉菜单的标签

我想为我的一些视图实现只读模式。通常我只会禁用GUI组件，但我希望它看起来更好。我曾试图从下拉菜单中删除方框和图形，但修改得不够

---

所以我的问题是，我如何用Angular创建一个指令，当应用到禁用的下拉列表时，它将显示为标签？

Angular已经有一个指令以声明方式实现了这一点<如果绑定到的表达式为true，则code>ng show将仅显示附加到的标记

您可以这样做（伪代码）：

$scope.mode={
只读：正确
}
....
...
...

是，可能：）请参见编辑的问题；）是的，这是我一直在使用的一个解决方案，但是我想避免它，因为我不想为我拥有的每个输入元素创建一个额外的div。

$scope.mode = { 
  readonly: true
}

....

<div ng-show="mode.readonly">...</div>
<select ng-show="!mode.readonly">...</select>