問題タブ [ng2-dragula]

Ionic 2 アプリにドラッグ アンド ドロップを追加しようとしています。しかし、それを機能させることはできません。

これは私がこれまでに行ったことです：

次に私のページで：

しかし、[dragula] タグを追加すると、次のエラーが表示されます: Can't bind 'dragula' because it is not a know native property.

これをionic 2で動作させた人はいますか?例はありますか?

http://akserg.github.io/ng2-webpack-demo/#/dnd これは angular2 を使用したこのドラッグ & ドロップのデモです。このゾーンがドロップ可能なゾーンであることを示すためにクラス css にどのように影響を与えることができますか?

これは github ソース プロジェクトのコードの一部です

クラスにこの行をどのように影響させることができますか this._elem.classList.add(this._config.onDragEnterClass);

Angular 2.0.0-rc6 と ng2-dragula を使用しています。簡単な単語のリストを作成し、その中にドラッグ アンド ドロップできるようにしたいと考えていました。

属性「ディレクティブ」をコンポーネントに追加しようとすると、「ディレクティブ」はコンポーネント メタデータ型の一部にすることはできず、ディレクティブをコンポーネントにバインドすることは許可されていないと表示されます。コンポーネント宣言内に属性「ディレクティブ」を実装するチュートリアルをいくつか見つけました。

Dragula ディレクティブをコンポーネントにバインドするにはどうすればよいですか?

ng2dragula で時間遅延のある要素をドラッグする方法。ドキュメントで遅延を指定することについては何も言及されていません。

私はAngular 2とng2-dragula.

ドラグラバッグのドラッグアンドドロップアイテムをクリック可能にしたい。

これは私のapp.component.htmlです:

onClick()関数が呼び出されることはありません。

私のコンポーネントapp.component.tsは次のようになります。

divがドラグラコンテナに入っているからだと思います。しかし、dragula コンテナの div をクリック可能にするにはどうすればよいですか?

Web 上の多くの例では、@Component メタデータにディレクティブ配列を含むコードが表示されます。

From: Angular2 (特に Dragula) のコンポーネント ラッパーをインストールする方法

Angular2 の 1.0 リリースでは、この配列はメタデータから削除されました:( https://angular.io/docs/ts/latest/api/core/index/Component-decorator.html )

サードパーティのディレクティブ (この場合) を使用しようとすると、以前は配列dragulaによって処理されていたと思われる次のエラーが表示されます。directives

「dragula」は「div」の既知のプロパティではないため、バインドできません

では、パーサーがこのカスタム ディレクティブを見つけられるように、どこにDragula/を注入すればよいのでしょうかDragulaDirective(現在のリリースでは実際には export はないようです)。Github readme ( https://github.com/valor-software/ng2-dragula#setup )の指示に従ってアプリ モジュールDragulaにインポートし、アプリ コンポーネントのビュー プロバイダーです。DragulaModuleDragulaService

テーブル番号を持つ名前を表示しようとしていますが、それらは tableNumber でソートされています。

私のデータは次のようになります。

私のコードは次のとおりです。

問題は、テーブル番号でグループ化して表示する方法です。 this.items はオブジェクトの配列であるため、テンプレート ng も item.name のような name プロパティを取得するように変更する必要があります。