Согласно документации (смотрите раздел Multiple Instances) Вы можете добавлять несколько компонентов, используя разные id. То есть Вам лучше бы все-таки добавить разные id и просто вызывать один и тот же метод на событие pageChange.
Вы скинули ссылку на официальный туториал AngularJS, а не Angular.
Так что я дополню Ваш ответ ссылкой на документацию и официальные видео-уроки от Angular University. Правда там только 25% курса бесплатные. Но я надеюсь, что хватит для начала.
Может быть лучше изменить подход в сторону path вместо circle?
Вы рассматриваете d3.js? Вот пример на d3.js.
Тогда и текст позиционировать было бы намного легче, а также контролировать border.
Обратите внимание на то, с помощью чего Вы осуществляете запрос. С помощью Http или HttpClient. Потому что если используете последнее, то автоматически получите в ответе JSON объект. А если нет - то Вам надо еще конвертировать ответ с res.json().
Надеюсь, Вам это поможет.
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.