1. Сервіси інжектяться в компонент, а компонент (або директива) вже використовують байндінг з ДОМ.
https://angular.io/api/core/Input2. Це доволі стандартні базові поняття, почитайте документацію чи хочаб витратьте пару годин часу на якісь навчальні відоси.
https://www.youtube.com/watch?v=YN8zNnV0sK8Бонусом ви ще й отримаєте базові навики кодстайлу.
3. Дуже добре користуватись якимось спеціалізованим ресурсом, наприклад
pastebin.com, який вам рекомендували раніше, чи
https://stackblitz.com/ (де можна навіть розвернути цілий проект в два кліка аби наживо зарепродюсити проблему)
Конкретно по вашому питанню (яке в принципі швидко гуглиться), вам достатьньо заінжектити (якщо не зрозуміло - почитайте, хоча у вас це вже зроблено на скрінах) сервіс в компонент і в компоненті отримати потрібне значення через
service.getCityWeather()