Pogran

Вам надо сделать взаимодействие между компонентами https://angular.io/docs/ts/latest/cookbook/compone... , вот тут есть наглядные примеры по реализациям angular-examples.github.io/template-syntax , слушайте события через @Output()

Кстати нашёл вот такой мануал jasonwatmore.com/post/2016/08/16/angular-2-jwt-aut...

Вот что сам сделал
начальный вызов

this.renderTree(object, []);

И результат работы функции

renderTree(object, array, parent = '') {
		if(!Array.isArray(object)) {
			for( let key in object) {

				if(typeof object[key] === 'object') {
					if(!Array.isArray(object[key])) {
						array.push({
							id: array.length,
							_key: key,
							_value: false,
							type: 'object',
							childIds: [],
						});

						this.renderTree(object[key], array, array.length - 1);
					} else {
						array.push({
							id: array.length,
							_key: key,
							_value: false,
							type: 'array',
							childIds: [],
						});

						this.renderTree(object[key], array, array.length - 1);
					}
				} else {

					array.push({
						id: array.length,
						_key: key,
						_value: object[key],
						type: 'string',
						childIds: [],
					});

					if(parent) {
						array[parent].childIds.push(array.length - 1);
					}
				}
			}
		} else {
			let index, len;

			for(index = 0, len = object.length; index < len; ++index) {
				let element = object[index];
				if(typeof element === 'object') {


					array.push({
						id: array.length,
						_key: false,
						_value: false,
						type: 'object',
						childIds: [],
					});

					array[parent].childIds.push(array.length - 1);

					this.renderTree(element, array, array.length - 1);
				}
			}
		}
}

Сделал вот так. В принципе работает как надо, вопрос только в том оптимальный ли это вариант, т.к перебирать приходится с помощью цикла, а если данных будет много, то я думаю это плохо будет

let str_entity = {};

			if(action.data.newKey != action.data.oldKey) {
				for(let key in state.structure) {
					if(key == action.data.oldKey) {
						str_entity[action.data.newKey] = action.data.newValue;
					} else {
						str_entity[key] = state.structure[key];
					}
				}
			}

А не могли бы вы про серверную часть чуть больше написать, а то я всё равно не до когца понимаю как должно быть. К примеру у меня в точке входа сервера вот что

app.get('/entity/add', (req, res) => {
    db.createEntity(req.body).then(data => res.send(data));
});
/**  Create HTTP server. **/
const server = http.createServer(app);
server.listen(port, () =>
    console.log(`Server started on port ${port}`)
);

Вот тут есть запрос app.get который я отправляю на /entity/add . а по правильному же надо писать api/entity/add ?
и потом если у меня будет много запросов(app.get, app.post) их же не правильно всех хранить в файле точки входа? И есть ли у вас возможность кинуть какой из своих проектов с правильной структуром? можно просто серверную часть, или кусок какой, чтобы как-то уловить суть как оно должно быть

По мне обычное поле string сделайте в таблице бд. Объединяйте координаты через implode php.net/manual/ru/function.implode.php и вытаскивайте через explode php.net/manual/ru/function.explode.php . Или вам в бд заносить не надо?

У вас запрос не правильный поэтому и не получаете ничего. Нужно запрос делать не через # , а через ? . Т.е должно быть site.ru?data1=test&data2=test2 , а не site.ru#data1=test&data2=test2 .

Также с помощью yii2 можно получить параметры через функцию Yii::$app->request->get() или Yii::$app->request->get('data1') - получите то что в data1

Лучшая из доков по yii2. (постоянно обновляется и всё на русском)
yiiframework.domain-na.me/doc/guide/2.0/ru

Я вот таким образом всегда делаю.

Создаю в компонентах ядра trait(его я использую везде где есть ajax валидация)

trait AjaxValidationTrait
{
    /**
     * Performs ajax validation.
     *
     * @param Model $model
     *
     * @throws \yii\base\ExitException
     */
    protected function performAjaxValidation(Model $model)
    {
        if (Yii::$app->request->isAjax && $model->load(Yii::$app->request->post())) {
            Yii::$app->response->format = Response::FORMAT_JSON;
            echo json_encode(ActiveForm::validate($model));
            Yii::$app->end();
        }
    }
}

Затем в нужном контроллере подключаю данный trait и в нужном action загружаю в него модель.

class DefaultController extends BaseAdminController
{
    use AjaxValidationTrait;

   public function actionCreate()
    {
        $model = new Point();
        $this->performAjaxValidation($model);
       if ($model->validate()) {
        ....
        } else {
             return $this->render('create', [
                'model' => $model]
             );
        }
    }
}

Затем в самой форме отключаю клиентскую валидацию и подключаю ajax валидацию

<?php $form = ActiveForm::begin([
    'enableAjaxValidation'   => true,
    'enableClientValidation' => false,
]); ?>