Как вызвать функцию из шаблона ячейки в ui-grid в angularjs? - PullRequest
Новая
       15

Как вызвать функцию из шаблона ячейки в ui-grid в angularjs?

0 голосов
/ 16 ноября 2018

У меня есть один контроллер в angularJs (1.6), который использует ui-grid.Проблема в том, что есть один шаблон ячейки.Я хочу получить его значение из функции.Я попытался создать функцию и попытался вызвать ее с помощью grid.appScope.function.Но это не сработало.Я попытался поставить свою функцию с VM также.Но безрезультатно.

Может ли кто-нибудь помочь мне с этим?

Вот мой код контроллера: 

 (function () {
    'use strict';

     define([
         'angular'
     ], function (angular) {

     function SelectToolController($scope, $timeout, $filter, uiGridConstants) {
                  var vm = this,
                      _gridApi,
                      _cellTemplate,
                      _columnDefs,
                      _starRatingTemplate,
                      _starRatingColumn,
                      _starEnable;
            };
            _starRatingTemplate = [
                  '<div class="opr-star-rating"  >',
                  '<opr-star-rating rating-percentage="getRating()">',
                  '</opr-star-rating>',
                  '</div>'
            ].join('');

      //this func need to be called from _starRatingTemplate 
       vm.getRating = function(){
           return 10;
        }

        function gridInitialized(gridApi) {
            _gridApi = gridApi;
          }

      });

Ответы [ 2 ]

0 голосов
/ 19 ноября 2018

Я отправляю ответ на свой собственный запрос.

У меня работал следующий параметр в cellTemplate: 

  _starRatingTemplate = [
                  '<div class="opr-star-rating"  >',
                  '<opr-star-rating rating-percentage="+vm.getRating()+">',
                  '</opr-star-rating>',
                  '</div>'
   ].join('');
0 голосов
/ 16 ноября 2018

Мы можем получить доступ к родительской области видимости внутри шаблона ячейки сетки, используя объект grid.appScope.

Если вы создали функцию getRating как $ scope.getRating () {..} в родительском контроллере, вы можете получить доступ кэто выглядит следующим образом 

rating-percentage="grid.appScope.getRating()"

Если вы создали функцию getRating внутри vm-объекта контроллера и использовали контроллер следующим образом 

 <div ng-controller="SelectToolController as SelectToolCtl">
....
 </div>

, тогда просто используйте rating-процент = "grid.appScope.SelectToolCtl.getRating () "

...