AngularJS调用组件函数 - 无法读取属性$ ctrl

Question

我有一个登录窗口的模态组件。我需要在启动页面后打开模态窗口。当我从Visual Studio运行应用程序时，总是没问题，但是当我从生产服务器加载应用程序时，抛出异常：无法读取属性$ ctrl。 这是我的代码：

模态组件：

app.component("modal", {
  template: '...',
  controller: function Modal(){
    this.open(){
      ...
    }
  }
}

的index.html

<modal id="login"></modal>

应用开始时显示登录对话框：

app.run(function ($rootScope, authenticationService) {
    if (!authenticationService.isAuthenticated())
        $('#login').children().scope().$ctrl.toggle(); //Cannot read property $ctrl
})

哪里可能有问题？如何运行组件功能？谢谢