How to tell html page not to read code with curly braces until angular starts parsing them?

Question

JavaScript

Pictures are displayed in ng-repeat

...
  <li ng-repeat="course in courses.items" ng-cloak>
    <img src="@{{ course.org_logo }}"  title="@{{ course.title }}">
  </li>
...

The first time the page is loaded, the html tries to open the image, but angular hasn't parsed yet, and the src attribute has a link with curly brackets src="@{{ course.org_logo }}" . The result is an error

How to make html not try to open the image until angular starts parsing the brackets? The ng-cloak
attribute is already there , and the angular.min.js itself is loaded before the start of the html block

Answer 1

There is a section specifically about this in the documentation.
Use ng-src instead of src for the img tag .