угловой смарта-таблица плагин/директива не будет работать

Question

Я пытаюсь использовать smart-tables, Select row плагина, я добавил «умный стол» для моего приложения, например, так var myApp = angular.module('myApp', ['ui.bootstrap','smart-table']);

Я также изменил первую линию директива (так как она не работает просто скопировать и вставить его), я изменил это: ng.module('smart-table').directive('stSelectRow', ['stConfig', function (stConfig)

для этого: myApp.directive('stSelectRow', ['stConfig', function (stConfig) {

в моем HTML у меня есть этот

<table st-table="displayedCollection" st-safe-src="safeCollection" class="table"> 
    <thead> 
    <tr> 
    <th>Title</th> 
    <th>FieldOne</th> 
    <th>FieldTwo</th> 
    <th>FieldThree</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr st-select-row="row" st-select-mode="multiple" ng-repeat="row in displayedCollection"> 
    <td> {{row.Title}} </td> 
    <td> {{row.FieldOne}} </td> 
    <td> {{row.FieldTwo}} </td> 
    <td> {{row.FieldThree}} </td> 
    </tr> 
</tbody> 

Если я удалить st-select-row="row" st-select-mode="multiple" табличные работы, но явно не выбор строки

Я предполагаю, что я не хватает какой-то зависимость или, я только добавляемые smart-table.min.js к моему заявлению, но я думаю, этого должно быть достаточно, директива (select row plugin) добавляется внутри моего файла app.js. Что бы это могло быть?

Answer 1

Это потому, что документация на сайте не совсем ясна. Но он говорит:

... и атрибут класса st, выбранный st, выбран на элементе tr.

Вы должны определить CSS прп выбранный для того, чтобы «работа»:

.st-selected{ 
    background: #216eff !important; 
    color: white !important; 
}