Javascript 角度JS CSS双向更新

有些HTML元素的位置和大小永久存储在后端，并在页面加载时获取。这些HTML元素的位置和大小也是用户可编辑的、可拖动的和可调整大小的，每当发生这样的更新时，这些属性都需要保存在后端，以便在会话之间保持持久性

还有另一个复杂程度，在一个称为预览模式的模式中，用户编辑选项被关闭，即：禁用可拖动和可调整大小，元素变得响应。使用角度指令注意响应性。因此，位置和大小是动态计算和定位的。关闭预览模式后，属性将恢复到预览模式之前的状态

我当前在预览模式下使用ng样式，在非预览模式下使用jquery的.css方法设置样式

然而，我认为这不是最干净的方法，我如何实现CSS的双向绑定，以便在一种状态下从模型填充样式，而在另一种状态下，使用DOM计算的CSS更新模型

tl；博士：

---

CSS要么从模型填充，要么保存到模型。我需要在同一HTML元素上使用“get-css”和“set-css”方法，根据条件，在任何给定时间，只有get或set处于活动状态。

如果您设置容器div并将jquery设置为进行类更改，则可能

 <scrpit>
   if($whateveryouwant) {
   $( ".mode" ).addClass( "preview-mode" );
    }

     else {
     $( ".mode" ).addClass( "non-preview-mode" );
    }

    </script>

您的HTML：

    <div class="mode">
    ...
    </div>

---

您是否尝试过使用其他角度指令，如ng hide、ng show、ng class等。。。

---

这不是问题所在，这是-如何实现CSS的双向绑定，以便在一种状态下从模型填充样式，在另一种状态下使用DOM中计算的CSS更新模型。也许这是您要寻找的：这更像是一个用加载到DOM中的CSS规则绑定模型的指令。我想对div的style属性执行此操作。