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

时间:2016-08-10 13:27:04

标签: angularjs data-binding angularjs-components

在角度组件中应用绑定时,我遇到了这个奇怪的错误:

  

错误:[$ 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>

'timekeepings'绑定有什么问题? 感谢。

1 个答案:

答案 0 :(得分:0)

我也犯了这个错误,但这是因为使用1.5.0 RC版本的角度。更新到最新版本的角度为我解决了这个问题。