данные, используемые в угловом шаблоне, должны предоставляться контроллером

Question

namespace MyApp.Component.CarInfo {
    angular.module(MY_APP).component('bmwCarInfo', {
        template: `
            <span>
                <strong>30-Day Evaluation Period</strong> 
                <br />Charges will be applied once evaluation period finishes!
            </span>
        `
    });
}

Внутри отдельной html-страницы у меня есть

<div ng-controller="CarController as $ctrl" ng-cloak>
    <bmw-car-info></bmw-car-info>
</div>

Мой вопрос: Как я могу предоставить данные для количества дней внутри шаблона выше из контроллера XX-дневный период оценки

Answer 1

Вам необходимо объявить привязку в компоненте и передать данные компоненту, как показано ниже. См. здесь для документации.

angular.module(MY_APP).component('bmwCarInfo', {
    bindings: {
        days: '<'
    },
    template: `
        <span>
            <strong>{{$ctrl.days}}-Day Evaluation Period</strong> 
            <br />Charges will be applied once evaluation period finishes!
        </span>
    `
});

<div ng-controller="CarController as $ctrl" ng-cloak>
    <bmw-car-info days="$ctrl.days" />
</div>