Question

伙计我也需要你的帮助。如何从JQ功能中调用组件控制器的功能？并将数据传递给功能控制器。我真的堆叠在此。

function CalendarDashboardController($scope){


var  week = this;


 week.list = [
    {
    name: 'Sun',
    date: Date.now()

},       {
    name: 'Mon',
    date: Date.now()

},       {
    name: 'Tue',
    date: Date.now()

},       {
    name: 'Wed',
    date: Date.now()

},       {
    name: 'Thu',
    date: Date.now()

},       {
    name: 'Fri',
    date: Date.now()

},       {
    name: 'Sat',
    date: Date.now()

}
]



}


mod.component('calendarDashboard', {
templateUrl:"/src/angular-js/partial/calendarDashboard.html",
bindings: {
startdate: '<',
enddate: '<'
},
  controller: CalendarDashboardController

});

我在JS中有一些功能它可能是各种各样的 - 但是这个函数应该从我的控制器调用函数（我没有创建它）因为，我不知道如何在我的JS中绑定事件cod和controller，以及如何将数据传递给这个函数。

Answer 1

在角度范围之外的某个函数内部。

事件发生并调用某个函数：

function(){

//Here we take $rootScope of our AngularJS module
var fj = angular.element(document.body).injector().get('$rootScope')

        //And apply broadcast event, in further we will catch it
            fj.$apply(function(){
                fj.$broadcast("changeDate",startDate)
                    }               );

}

在我们的AngularJS组件控制器中：

var  ownScope = this;

$scope.$on('changeDate', function(events, args){

    ownScope.startdate = args; //now we've registered!


})

总结 - 它会动态更改我们范围内的数据，并在我们的组件中的模板中进行更改。

AngularJS 1.5调用函数形式JQ，并将数据传递给组件控制器函数

1 个答案: