私はui-sortableを使って2つのオブジェクトの配列をドラッグ&ドロップしています。ドラッグして名前欄でオブジェクトをソートする必要があります。ここでorderBy ug-repeat with ni-sortableのフィールド
は、HTMLファイル内の私のコードです:
コントローラで<body ng-controller="listCtrl">
<ul ui-sortable="playerConfig" ng-model="players">
<li ng-repeat="player in players">
<!--| orderBy: ['name']-->
{{player.name}}
</li>
</ul>
</body>
<style type="text/css">
.beingDragged {
height: 24px;
margin-bottom: .5em !important;
border: 2px dotted #ccc !important;
background: none !important;
}
</style>
:
angular.module('app', [
'ui.sortable'
]).
controller('listCtrl', function ($scope) {
var baseConfig = {
placeholder: "beingDragged"
};
$scope.playerConfig = angular.extend({}, baseConfig, {
connectWith: ".players"
});
$scope.players = [
{
"name" : "John",
"id" : "123",
"score": "456"
},
{
"name" : "Tom",
"id" : "234",
"score": "678"
},
{
"name" : "David",
"id" : "987",
"score": "5867"
}
];
私は、しかし、Plunkerをいくつかの検索を行なったし、同様の問題が https://github.com/angular-ui/ui-sortable/issues/70としてのGitHubで報告ことがわかりましたソースコードを見つけることができなかったorderByFilterを使用しています。誰かが似たような問題を抱えていて、これを解決する方法を教えてもらえないのかどうかわからないありがとう。
偉大な、私はそれを試して、それは完璧に動作します。私はAngularJSには新しいので、あなたの助けに感謝します。 – YHC
@YHCあなたは大歓迎です:) – tasseKATT