ngRepeat_children_ref_parent_objs.dot

digraph d {
	rankdir=LR
	nodesep=0.1
	node [fontname="Helvetica,Sans", fontsize=9, penwidth=0.5, margin="0.05, 0.04", height="0.2" ]

  /* scopes */
  node [shape=plaintext];
  root [label=<<table bgcolor="beige" border="0" cellborder="1" cellpadding="2" cellspacing="0">
  <tr><td port="proto">[ RootScope ]</td></tr></table>>]
  parent [label=<<table bgcolor="beige" border="0" cellborder="1" cellpadding="2" cellspacing="0">
  <tr><td port="proto">[ ParentScope ]</td></tr>
  <tr><td port="myArrayOfPrimitives">myArrayOfPrimitives</td></tr>
  <tr><td port="myArrayOfObjects">myArrayOfObjects</td></tr>
  </table>>]
  child3 [label=<<table bgcolor="beige" border="0" cellborder="1" cellpadding="2" cellspacing="0">
  <tr><td port="proto">[ ChildScope3 ]</td></tr>
  <tr><td port="obj">obj</td></tr>
  </table>>]
  child4 [label=<<table bgcolor="beige" border="0" cellborder="1" cellpadding="2" cellspacing="0">
  <tr><td port="proto">[ ChildScope4 ]</td></tr>
  <tr><td port="obj">obj</td></tr>
  </table>>]

  /* objects */
  myArrayOfPrimitives [label=<<table bgcolor="skyblue1" border="0" cellborder="1" cellpadding="2" cellspacing="0">
  <tr><td>...</td></tr></table>>]
  myArrayOfObjects [label=<<table bgcolor="skyblue1" border="1" cellborder="1" cellpadding="2" cellspacing="2">
  <tr><td port="num1">num</td><td port="num2">num</td></tr></table>>]

  /* literals */
  node [fillcolor=gray94, shape=box, style=filled]
  num101 [label="101"]
  num202 [label="202"]
  
  /* references */
  parent:proto -> root:proto [style = dashed]
  child3:proto -> parent:proto [style = dashed]
    child3:obj -> myArrayOfObjects:num1 [color=gray]
  child4:proto -> parent:proto [style = dashed]
    child4:obj -> myArrayOfObjects:num2
  parent:myArrayOfPrimitives -> myArrayOfPrimitives
  parent:myArrayOfObjects -> myArrayOfObjects
  myArrayOfObjects:num1 -> num101
  myArrayOfObjects:num2 -> num202
}