Stackblitz 未在 AngularJS 内到达组件的范围

Question

我正在尝试使用 Stackblitz with AngularJS, however the purposed old sintax of routing controller and view is kind of obsolete, so I'm modifying the base example to use ui-router and AngularJS 1.5 Components

<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;