表达式不按角度求值

Question

我正在用angular 1.5版本动态传递变量值。下面是代码。

<mandatory-label>
    labelName="sgdsdf"
</mandatory-label>

主要html代码

 <span class="xgsdfsdf" {{ $ctrl.labelName }}></span>

这是上面的控制器声明。

(angular => {
    'use strict';

    angular
        .module('app.shared')
        .component('mandatoryLabel', {
            templateUrl: $rootpath + '/views/views-shared/mandatory-label.template.html',
            controller: MandatoryLabelController,
            bindings: { labelName: '@' }
        });

    MandatoryLabelController.$inject = ['_'];
    function MandatoryLabelController() {
        let $ctrl = this;
        $ctrl.labelName = labelName;

    }

})(angular);

在浏览器中，它显示为{{$ ctrl.labelName}}，而不是我传递的值，该值应为“ sgdsdf”。任何输入表示赞赏。