ui-sortableディレクティブを使用してソート可能なangle-uiを使用しています。スコープの状態に基づいてソート可能な機能を動的に有効/無効にすることは可能ですか?だから、私はスコープのプロパティの状態を変更するボタンを持っている必要があり、このプロパティはソート可能かどうかに応じて動作する必要があります。angle-uiでui-sortableディレクティブを動的に無効にする方法
11
A
答えて
0
0
ui-if
を使用すると、ui-sortable
と非ソート可能なバージョンを切り替えることができますが、これは恐ろしいデザインです。しかし、jQuery Sortable Docsをチェックアウトした場合は、disabled
のオプションがあるようです。ディレクティブがオプションオブジェクトの変更を現在監視している場合、このオプションを単に切り替えることができます。オプションオブジェクトが値ではなく参照によって監視されている場合、おそらくあなたは微調整を使ってプルリクエストを開くべきでしょうか?
18
角度ディレクティブは、ソート可能なオプションが変更されたときに見てサポートしています。
scope.$watch(attrs.uiSortable, function(newVal, oldVal){
だから、あなたがしなければならなかったすべてはjqueryuiソート可能なドキュメントを見て、プラグインの正しいプロパティを更新しました。
Htmlの
<ul ui-sortable="sortableOptions" ng-model="items">
<li ng-repeat="item in items">{{ item }}</li>
</ul>
<button ng-click="sortableOptions.disabled = !sortableOptions.disabled">Is Disabled: {{sortableOptions.disabled}}</button>
JS
app.controller('MainCtrl', function($scope) {
$scope.items = ["One", "Two", "Three"];
$scope.sortableOptions = {
disabled: true
};
});
0
HTML
<div class="group-container" ui-sortable="vm.groupSortable" ng-model="group.groups">
JS
vm.groupSortable = {
connectWith: ".group-container",
disabled: true
};
vm.disableDragAndDrop = function(bVar)
{
vm.groupSortable.disabled = bVar;
};
答えジェイソンため
関連する問題
- 1. Android N:TileServiceを動的に有効/無効にする方法
- 2. タイムアップ時に自動的にボタンを無効にする方法
- 3. コンテキストメニューのToolStripMenuItemを動的に無効にする方法は?
- 4. Android N:マルチウィンドウ機能を動的に無効にする方法
- 5. ボタンを動的に無効にする方法
- 6. ボタンを動的に無効にする方法
- 7. リボンのアドインボタンを動的に有効にする方法/無効にする
- 8. OpenMPディレクティブを無効にするには?
- 9. グレースケール - 自動的に無効にする方法
- 10. ディレクティブを角2で動的に変更する方法
- 11. オーバーフローメニュー全体を動的に有効/無効にする方法は?
- 12. アンドロイドで自動キーロックを有効/無効にする方法
- 13. firebase認証で自動的にユーザーアカウントを無効にする方法は?
- 14. 動的データ:動的に行編集を有効または無効にする方法は?
- 15. NSDictionaryを無効にする方法自動的にキーをソートする
- 16. phpMyAdminでデータベースを一時的に無効にする方法
- 17. jQueryでクリックハンドラを一時的に無効にする方法は?
- 18. ディレクティブを動的に追加する方法は?
- 19. Windowsでtomcat8の自動起動を無効にする方法
- 20. symfonyフォームのすべてのフィールドを動的に無効にする方法
- 21. 角モーメントピッカーを動的に使用して日付を無効にする方法
- 22. 特定のページで手動でディレクティブを削除または無効にする
- 23. python importlib、動的にロードされたファイルのキャッシュを無効にする方法
- 24. Yii2 pjaxアセットの読み込みを自動的に無効にする方法
- 25. 一時的にXCodeでVuforiaを無効/削除する方法
- 26. hrefを無効にする方法と無効にする
- 27. Fancyboxを動的に有効/無効にする
- 28. チェックボックスリスト項目を動的に無効/有効にする
- 29. Apache Shiro:レルムを動的に有効/無効にする
- 30. 選択タグを動的に有効/無効にする
ありがとう!それが本当に助けになりました! – Whizkid747
これは、angle-ui v0.4.0の場合とは異なります。スコープのためのsortable.jsでの検索。$ watchは結果を返しません。編集:バウワーの角度UIバージョンが古くなっているようです! –
プラカードリンクが壊れています。 –