AngularJS单向绑定组件触发'指令的无效控制器绑定定义'答案

【问题标题】：AngularJS one way binding component trigger 'Invalid controller bindings definition for directive'AngularJS单向绑定组件触发'指令的无效控制器绑定定义'
【发布时间】：2016-08-10 13:27:03
【问题描述】：

在 Angular 组件中应用绑定时出现这个奇怪的错误：

错误：[$compile:iscp] 指令“workTimekeepingsDay”的控制器绑定定义无效。定义： {... 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>

“计时”绑定有什么问题？谢谢。

【问题讨论】：

标签： angularjs data-binding angularjs-components

【解决方案1】：

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

【讨论】：

是的，这就是修复。谢谢。