Свойство iframe src в качестве URL-адреса динамически Angular2

Question

У меня чертовски много времени пытался понять, как динамически изменять URL в iframe src. Я попытался установить переменные, а затем с помощью интерполяции строк не повезло.

Любые предложения о том, как я могу это сделать. Возможно несколько примеров, если вы могли бы.

пример кода, который я пытался;

src="https://www.wheehouse.org/company/PriceMin={{ this.itemMinimum }}&PriceMax={{ this.itemMaximum }}&BedRange={{ this.itemBedRoomType }}-0&BathRange={{ this.itemBathType }}-0"

Спасибо.

Answer 1

Шаг 1 - на HTML-странице

[src] = "createURL() | safe: 'resourceURL'"

Шаг 2 - В .TS-файле

createURL() {
 //Create your URL
 // return your URL
}

Примечание: - В отношении безопасной трубы вас интересуетдолжны реализовать это, чтобы DOMSanitizer не удалял контент из вашего URL. Пожалуйста, проверьте ниже URL для того, как реализовать безопасный канал. Link

Answer 2

Во-первых, убедитесь, что ваши свойства являются общедоступными в компоненте. затем используйте свойства без this в html

src="https://www.wheehouse.org/company/PriceMin={{ itemMinimum }}&PriceMax={{ itemMaximum }}&BedRange={{ itemBedRoomType }}-0&BathRange={{ itemBathType }}-0"