2016-10-26 2 views
0

https://lorenzofox3.github.io/smart-table-website/を私のアプリケーションに組み込むことに決めました。サイトの例は正常に動作していますが、統合を開始すると行選択機能を使用できません。角1.5.8 - 行の選択が機能しないスマートテーブル - スコープが埋められていない

デモサイトと私の主な違いは、角度1.5.8を使用していることです。私がデバッグ、私は疑わしい作らフラグメント、特定されました:

ng.module('smart-table') 
    .directive('stSelectRow', ['stConfig', function (stConfig) { 
    return { 
     restrict: 'A', 
     require: '^stTable', 
     scope: { 
     row: '=stSelectRow' 
     }, 
     link: function (scope, element, attr, ctrl) { 
     var mode = attr.stSelectMode || stConfig.select.mode; 
     element.bind('click', function() { 
      scope.$apply(function() { 
      ctrl.select(scope.row, mode); 
      }); 
     }); 

     scope.$watch('row.isSelected', function (newValue) { 
      if (newValue === true) { 
      element.addClass(stConfig.select.selectedClass); 
      } else { 
      element.removeClass(stConfig.select.selectedClass); 
      } 
     }); 
     } 
    }; 
    }]); 

機能linkは、rowが未定義scopeオブジェクトを、受信のでselect機能をスキップし、何も行に行われませんが。

私はペンの問題を複製しました:http://codepen.io/anon/pen/bwJqBwフィルタとソートは正常に動作していますが、行選択のみが正しく動作していません。

問題を修正するにはどうすればよいですか?スコープバインディングの構文が変更されていますか?ドキュメントによると、それは大丈夫だと思われますが、初心者ではありませんが、私が主張するのは難しいです。あなたはST-選択行にあなたがNGリピートで使用している同じ参照を使用する必要が

答えて

1

は、あなたのcodepenから、あなたがやっている:

<tr st-select-row="row" st-select-mode="multiple" ng-repeat="customer in displayedCustomers"> 

そして、あなたがやるべきこと:

<tr st-select-row="customer" st-select-mode="multiple" ng-repeat="customer in displayedCustomers"> 
関連する問題