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リピートで使用している同じ参照を使用する必要が