用于编辑隐藏JSON输入的角度指令

Angular directive for editing hidden JSON input

本文关键字：指令输入编辑隐藏 JSON 用于更新时间：2023-09-26

我想创建一个可以应用于隐藏输入字段的角度指令。基本上，隐藏的输入包含一个JSON字符串。我想用JS创建一些自定义控件，修改隐藏输入的值。你能给我指正确的方向吗？

到目前为止，我尝试使用jQuery将JSON字符串转换为对象，然后使用jQuery的.data（）将其保存到输入DOM元素。但是，我看不到如何从Angular中访问对象的.data。这就是为什么我认为指令可能是最好的方法。有什么想法吗？

我不会将json存储到data-字段中的dom中。相反，我会按照您建议的路径使用指令，并在指令中保留$scope来表示json对象。使用这种方法，您不需要序列化和反序列化json来访问对象。另一个优点是避免了dom和javascript代码之间的紧密耦合。

虽然在指令中集成Jquery的数据仍然是可能的，但我不鼓励这样做，而是依赖于该指令管理的干净对象模型。