如何在HTML元素之外引用组件的控制器（AngularJS）

Question

我在https://docs.angularjs.org/tutorial/step_03的第3步。在那里，它被要求显示电话的数量，如步骤2，但现在使用组件构造。

我尝试在行

之后添加

<phone-list></phone-list>

<p>Total number of phones: {{$ctrl.phones.length}}</p>

和

<p>Total number of phones: {{phoneList.phones.length}}</p>

和其他人，但我无法弄清楚它是如何在教程中完成的？这些解决方案都没有显示手机的数量。