Stackblitz 没有达到 AngularJS 中组件的范围

Question

我正在尝试将Stackblitz 与AngularJS 一起使用，但是路由controller 和view 的有目的的旧sintax 有点过时了，所以我正在修改基本示例以使用ui-router 和@987654322 @

<h1>Hello {{$ctrl.name}}!</h1>

我遇到的问题是 Stackblitz 似乎没有正确地将 $ctrl 或 $scope 附加到组件的模板中，但它正在正确地注入模板。

（我尝试添加组件的标签和绑定并传递值<home name="AngularJS"> 并且似乎可以工作，但我遇到的问题是路由）

Here is the example code

Answer 1

我已经更新了home.js，它可以工作了。请检查一下。是你需要的吗？

import template from './home.html';
import ctrl from './home.controller.js';

let module = angular.module('home', [])
  .component('home', {

    // this line
    controller: ctrl,

    template
  })
  .name;

  export default module;