AngularJS 一种绑定组件触发器的方式 'Invalid controller bindings definition for directive'

Question

我在 angular 组件中应用绑定时遇到这个奇怪的错误：

Error: [$compile:iscp] Invalid controller bindings definition for directive 'workTimekeepingsDay'. Definition: {... timekeepings: '<' ...}

代码如下：

<work-timekeepings-day timekeepings="dailyTimekeepingCtrl.timekeepingList  | timekeepingDay : dailyTimekeepingCtrl.selectedDay" day="dailyTimekeepingCtrl.selectedDay"></work-timekeepings-day>

var workTimekeepingsDay = TimekeepingsApp.component('workTimekeepingsDay', {
        templateUrl : 'angular/components/work-timekeepings-day.html',
        controllerAs: '$workTkDayCtrl',
        bindings : {
            timekeepings : '<',
            day: '='
        }
});

HTML 模板：

<div class="row lightgreen-row padding-5 border-rounded" ng-repeat-start="workTk in $workTkDayCtrl.timekeepings | timekeepingDay : day">
    <div class="col-md-4"> <b> {{ workTk.user.firstName + ' ' + workTk.user.lastName }} </b> </div>

'timekeepings'绑定有什么问题？谢谢。

Answer 1

我也遇到了这个错误，但这是由于使用了 angular 的 1.5.0 RC 版本。更新到最新版本 angular 解决了我的问题。

AngularJS 一种绑定组件触发器的方式 'Invalid controller bindings definition for directive'

AngularJS one way binding component trigger 'Invalid controller bindings definition for directive'

data-binding

angularjs

angularjs-components