Difference between onLoad and ng-init in angular

Question

I am learning angular  I don t understand what is difference between onLoad and ng-init for initialization of a variable  In which scope it creates this variable   For example   lt ng-include onLoad  selectedReq reqSelected  src   partials abc html   gt  lt  ng-include gt    OR   lt ng-include ng-init  selectedReq reqSelected  src  partials abc html  gt  lt  ng-include gt    Please also give me some idea about isolated scope

User · Answer

Works for me    lt div ng-show   scope showme     true  gt Hello World lt  div gt   lt div ng-repeat  a in  scope bigdata  ng-init   scope showme   true  gt    a title    lt  div gt

User · Answer

From angular s documentation    ng-init SHOULD NOT be used for any initialization  It should be used only for aliasing  https   docs angularjs org api ng directive ngInit  onload should be used if any expression needs to be evaluated after a partial view is loaded  by ng-include   https   docs angularjs org api ng directive ngInclude  The major difference between them is when used with ng-include     lt div ng-include  partialViewUrl  onload  myFunction    gt  lt  div gt    In this case  myFunction is called everytime the partial view is loaded    lt div ng-include  partialViewUrl  ng-init  myFunction    gt  lt  div gt    Whereas  in this case  myFunction is called only once when the parent view is loaded

User · Answer

ng-init is a directive that can be placed inside div s  span s  whatever  whereas onload is an attribute specific to the ng-include directive that functions as an ng-init   To see what I mean try something like    lt span onload  a   1  gt    a    lt  span gt   lt span ng-init  b   2  gt    b    lt  span gt    You ll see that only the second one shows up     An isolated scope is a scope which does not prototypically inherit from its parent scope   In laymen s terms if you have a widget that doesn t need to read and write to the parent scope arbitrarily then you use an isolate scope on the widget so that the widget and widget container can freely use their scopes without overriding each other s properties

[angularjs] Difference between onLoad and ng-init in angular

Examples related to angularjs