通过HTML属性的AngularJS组件绑定不起作用

Question

在上面的屏幕截图中，您可以看到当我将$ctrl.fieldOfView控制器变量绑定到<image-selection>组件时，WebStorm和$ctrl.fieldOfView找到了fov声明。属性是允许的。但是，当我尝试将$ctrl.fieldOfView变量绑定到<video-success>组件时，不允许fov属性，并且找不到$ctrl.fieldOfView声明。

这两个组件有什么区别？

这是组件代码：

(function () {
    'use strict';
    const templateUrl = 'app/target/dialogs/uploadObject/video-success/video-success.html';

    angular
        .module('component.target.video-success')
        .component('videoSuccess', {
            templateUrl,
            bindings: {
                fov: '=',
                hasUploadError: '<',
                uploadedFile: '<',
                resetUpload: '&'
            },
            controller: class VideoSuccessComponent {

                static $inject: string[] = [];

                constructor() {
                }
            }
        });
})();