Форум программистов, компьютерный форум, киберфорум
Angular/AngularJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
48 / 3 / 2
Регистрация: 24.11.2018
Сообщений: 74

Добавление вершин после запуска

21.07.2019, 13:34. Показов 1329. Ответов 0

Студворк — интернет-сервис помощи студентам
Всем привет. Начал изучать с нуля Angular и соответственно TypeScript. Моя первая задача - визуализировать данные в виде графа с помощью библиотеки d3.js. На хабре я нашел подходящий для меня пример:

https://habr.com/ru/post/414785/

Покопавшись в коде, я нашел как менять число вершин графа (изменил до 5 штук), их цвета и надписи. Теперь нужно сделать добавление через какой-то промежуток времени новых вершин со связями после того, как загрузилась страница. Я добился того, чтобы чтобы просто добавлялись вершины путем добавление в конструктор класса app.component.ts следующих строк:

JavaScript
1
2
3
4
    a = this.nodes.push(new Node(6));
    a = this.nodes.push(new Node(7));
    a = this.nodes.push(new Node(8));
    a = this.nodes.push(new Node(9));
Но чтобы добавлять вершины после загрузки страницы нужно, как я думаю, описать все это в цикле с какой-то задержкой после конструктора:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
import { Component } from '@angular/core';
import APP_CONFIG from './app.config';
import { Node, Link } from './d3';
import {delay} from 'rxjs/operators';
 
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
 
export class AppComponent {
  nodes: Node[] = [];
  links: Link[] = [];
 
  constructor() {
 
    const N = APP_CONFIG.N,
      getIndex = number => number - 1;
 
    /** constructing the nodes array */
    for (let i = 1; i <= N; i++) {
      this.nodes.push(new Node(i));
    }
 
    for (let i = 1; i <= N; i++) {
      for (let m = 2; i * m <= N; m++) {
        /** increasing connections toll on connecting nodes */
        this.nodes[getIndex(i)].linkCount++;
        this.nodes[getIndex(i * m)].linkCount++;
 
        /** connecting the nodes before starting the simulation */
        this.links.push(new Link(i, i * m));
      }
    }
  }
  let a;
  for (let y = 6; y <= 10; y++) {
  delay(5000);
  a = this.nodes.push(new Node(y));
}
}
Но при запуске все время висит Loading...
Кто-нибудь может направить меня на правильный путь?

P.S. Смотрю, в разделе про Angular активности намного меньше по сравнению с остальными.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
21.07.2019, 13:34
Ответы с готовыми решениями:

Добавление и удаление записей после запуска программы
помогите пожалуйста, надо чтобы после запуска программы можно было добавлять и удалять записи, очень срочно нужно на завтра, а у меня не...

Можно ли поставить таймер запуска на батинке, чтоб программа начинала работу через 30 минут после запуска
Можно ли поставить таймер запуска на батинке? Чтоб программа начинала работу через 30 минут(например) после запуска

Добавление и удаление вершин дерева
Добрый вечер. Помогите с заданием: добавление и удаление вершин дерева. Пожалуйста. Начала с добавления. Пыталась делать так:...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
21.07.2019, 13:34
Помогаю со студенческими работами здесь

После обновления драйвера на видеокарту экран после запуска винды выключается
У меня Windows 7,ноутбук Asus N61J! Видеокарта:AMD Radeon Mobility HD 5730! Решил обновить драйвер,так как некоторые игры начали его...

BSOD по не понятным причинам после 10-30 минут после запуска системы
Добрый день уважаемые форумчане. Помогите пожалуйста разобраться с bsod-ами. Выпадают регулярно с разными ошибками, затем перезагрузка...

Компьютер выключается через 2 секунды после запуска, после чего не работает кнопка
Всем привет! Уже месяц меня беспокоит проблема. ПК включается через раз, то есть через 2 секунды после запуска, он офается, после чего...

После подключения SSD комп стал выключаться через несколько секунд после запуска
Всем привет! у меня проблема с запуском после подключения ssd проц 2400, видео gtx 560 блок питания 450 материнка gigabyte (модель...

После запуска черный экран после того как я разобрал и почистил видеокарту от пыли и заменил термопасту
Добрый вечер. После того как я разобрал и почистил видеокарту от пыли и заменил термопасту начались проблемы с запуском Winows. А именно...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru