AngularJS: как работает ng-include с динамической переменной переменной?

Question

Я реализую что-то, где вид изменяется в зависимости от выбранного значения выпадающего списка. Я делаю это, используя ng-include="mySelectedValue", который прикреплен к <select ng-model="mySelectedValue" ng-options="..."></select> тегам.

Просто интересно, что происходит под капотом, потому что это по существу SPA без маршрутов, загружаемых в одном из моих приложений Rails.

Когда приложение загружается, оно просто загружает все представления в браузере? Я не понимаю, насколько угловато работает так волшебно. Хотелось бы узнать, как появляются всплывающие окна, когда нет вызовов сервера.

Answer 1

Я предполагаю, что mySelectedValue является src.

Согласно угловому Docs:

По умолчанию шаблона URL ограничен в том же домен и протокола в качестве документа приложения. Это делается путем вызова $ sce.getTrustedResourceUrl.

$ sce.getTrustedResourceUrl - это в основном запрос ajax для извлечения соответствующего шаблона. Таким образом, ваш серверный вызов здесь :)

После этого идет компиляция $ шаблона и отображает представление.