angular.js - 全站用的angular，但是像下面描述的这样强交互的功能用angular该用什么思路去做呢？

Question

这个应用描述如下：
1、C区域分为多个页面，页面间上下切换
2、Ax是控件，可以拖拽到C区域，生成对应的元素，比如图片、按钮、文本
3、生成的图片、按钮、文本可以在C范围内拖拽，以改变位置
4、单击生成的图片、按钮、文本在右侧生成每个元素特有的控制面板，也就是区域D，区域D里面有很多小的控制器，可以进行操作，以修改元素的尺寸、透明度，动画，padding，文本编辑，图片上传等等等的功能。
5、B用来进行页面添加、切换、删除、修改名称等

想问的是，在整站都是angular做的前提下，怎么去完成这个功能呢？这么多的ui交互，angular可以做么？或者说有什么解决方案么？了解过angular的directive，如果把这些交互都封装在directive中感觉灵活性很差。希望得到指点。

Answer 1

Saya juga telah membaca sedikit baru-baru ini. Bukankah angularjs tidak sesuai untuk operasi DOM yang kerap?

Answer 2

Rasanya hampir sama dengan yang mencolok

yang ketara ialah sudut bercampur dengan tindak balas

Answer 3

Inilah yang dilakukan oleh penghala ui sudut.
Ini ialah modul pemalam sudut Senario utama yang boleh digunakan ialah 多层级页面 atau 单页面-多视图.

Answer 4

Masalah ini kelihatan rumit, tetapi sebenarnya, selagi terdapat abstraksi model data bahagian hadapan yang lebih baik, banyak masalah boleh dipermudahkan:

Pertama, anda boleh mengabstrak Perkhidmatan untuk menyimpan komponen yang pengguna seret ke dalam kawasan C, di manakah kedudukan komponen ini dan bagaimana ia dikonfigurasikan. Ia mungkin kelihatan seperti ini:

js[{
    type: 'Image',
    position: {
        top: 12,
        right: 12
    },
    config: {
        height: 100,
        width: 200
    }
}, ...]

Kawasan D memuatkan arahan yang berbeza mengikut jenis yang dipilih dalam kawasan C dan memaparkan mengikut konfigurasi yang dipilih.

Memandangkan saya tidak tahu jenis perubahan pemaparan yang akan disebabkan oleh pengubahsuaian halaman di kawasan B, saya tidak dapat memberikan sebarang cadangan tentang model, tetapi idea umum adalah sama.

Malah, anda disyorkan untuk menggunakan reaksi untuk melakukan perkara seperti ini. Interaksi pengguna seperti ini akan membawa kepada banyak pengubahsuaian data dan menyebabkan perubahan. . . React sebenarnya direka untuk mengendalikan senario seperti ini.