ビューで私はこれを持っています:
<table class="table table-bordered" id="resultsTable">
<thead>
<th>Classification</th>
<th>Date</th>
</thead>
<tr ng-repeat="result in results">
<td>{{result.result}}</td>
<td>{{result.date}}</td>
</tr>
</table>
フローティングヘッダーを使用したいのですが、ページが最初に読み込まれたときにテーブルが空であるため、奇妙な結果が得られます ( http://www.fixedheadertable.com/ )
テーブルのコンテンツが静的である場合、これはうまく機能します:
$(document).ready(function() {
$('#resultsTable').fixedHeaderTable({ footer: true, cloneHeadToFoot: false, fixedColumn: false });
});
コントローラーには、ボタンを押した後にデータをロードする次の関数があります。
$scope.loadResults = function() {
var url = "URL WITH QUERY";
$http.get(url).success(
function(data, status, headers, config) {
for (var i = 0; i < data.length; i++) {
$scope.results.push({date: data[i].date, p: data[i].p, result: data[i].result});
}
//**IDEALLY I WOULD WANT TO RUN THE JQUERY LINE HERE**
}
);
};
したがって、すべてのデータを結果配列にロードした後、通常はドキュメントの準備ができているときに実行するこの行を実行します。
どのようにしますか?
「ディレクティブ」について読み続けているので、例を提供してください。しかし、jquery を呼び出す方法、必要な jquery の行を配置する方法、またはコントローラーから呼び出す方法については誰も教えてくれません。