Difference between {{}} and ng-bind

{{ }} is the well known and general way to render the data in the html view in angular.

Angular come into play after browser load the html page and render it and till then {{…}} is rendered in the view. Loading angular is quite fast and rarely user see {{…}}.

But if it is happening in you application or if you want to be sure that angular code should not be shown to the user then you can use ng-bind.

<span ng-bind="someVariableName"></span>

Both {{}} and ng-bind render data in the view. But {{}} is rendered with the view and after angular initialized, angular replace this with the data and in case of ng-bind nothing is rendered in the screen by default and after angular initialized then data is rendered as normal.

Hope this helps 🙂 .