問題タブ [ng-zorro-antd]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1647 参照

angular - angular、ng-zorro: タグとしてのオブジェクト

ユーザーが複数のメンバーを選択できるように、https://ng.ant.design/components/select/en#api here に説明されている nz-select があります。私が望むのは、ユーザー名をタグラベルとして表示することですが、ID をモデルにバインドすることです。

ユーザーがドロップダウンからメンバーを追加すると、タグにはユーザー名が表示されますが、モデルでは ID が追加されます。このページ/フィールドをリロードすると、モデルに追加できるのは、ラベルとしても表示されている文字列のみのようです。文字列と ID を含む複雑なオブジェクトを追加できません。また、タグを挿入する方法もわかりません。

私が望むものを達成する方法についてのヒントはありますか? バックエンド/データベース内でユーザー名を使用するという考えは本当に好きではありませんが、タグ内に ID を表示したくありません。

0 投票する
1 に答える
1665 参照

angular - NG-Zorro で nz-table のスタイルを変更する方法

angularでnz-zorroのnz-tableのスタイルを変更する方法

ここに画像の説明を入力

0 投票する
1 に答える
861 参照

spring-boot - Angular7 で nzRemoved を使用して fileList のファイルを削除する方法

Angular 7 で html に Nz Zorro Ant を使用してアップロード ファイルから fileList を取得しました。データは Spring Boot API を使用してデータベースに投稿されます。[nzRemoved] を使用して fileList のファイルを削除したいと考えています。それの使い方?

これは私の .ts です。

そして、これは私のhtmlです、

[nzRemoved] を追加すると、UI のファイル ボタンの削除が機能しません。

0 投票する
1 に答える
995 参照

html - ngZorro - StaticInjectorError(AppModule)[オーバーレイ]

プロジェクトに ng-zorro を使用していますが、--prod の後に次のエラーが表示されます。通常、サーバーを実行してもこのエラーは発生しません。この git 投稿https://github.com/NG-ZORRO/ng-zorro-antd/issues/3713#issuecomment-513933229を見つけました が、うまくいきませんでした。

私のpackage.jsonファイル


app.module.ts のインポート プロジェクトは ng サーバーで適切に動作します。

0 投票する
1 に答える
992 参照

angular - ng-zorro を使用した init で Angular フォームにエラーが表示されない

リアクティブフォームを使用した角度のあるアプリケーションがあります。UI フレームワークとして ng-zorro を使用しています。クライアントがアプリでのワークフロー中に無効になったフォームを開くことができる場合があります。

問題は、angular がフォームを無効としてマークすることですが、フォーム コントロールがタッチされるまで ng-zorro からエラー メッセージが表示されないことです。

0 投票する
1 に答える
1776 参照

css - NG-ZORRO nz-card インボディアラインメント

これはng-zorroでのnz-cardの使用に関連しています。

カード本体内でスタイル付きのアクション ボタンを整列させようとしていますが、うまくいきません。

カードの高さが同じであることを期待しているので、視覚的にすべての下端が垂直に揃えられます。ボタンは各カードの下部にあります。

下の例: https://stackblitz.com/edit/angular-py7awb

うまくいけば、ベストプラクティスとして使用できる一般的な標準的な方法を使用してください。

例からの現在のスクリーンショット

私が達成しようとしていること

0 投票する
0 に答える
2244 参照

angular - ng zorro select がオプションをロードしない

Angular 7 を使用して Web サイトを作成しています。アプリケーションのあらゆる場所で ng zorro ライブラリを使用しました。私は のnz-select中に を持っていFormます。はnz-selectモデルによって動的にロードされます。問題は、モデル オブジェクトに 2 つの言語があることです。ただし、 で指定されているデフォルトの言語は、内ngModel [(ngModel)]="selectedLanguage"の唯一の言語です。に 2 つのスタティックを追加しました。しかし、デフォルトのものだけが表示されています。そのため、現在のものの下に2つの static を追加しました。私はそれにデフォルトを与えませんでした。そのため、 には何も取り込まれ、リストされません。このようにアプリケーションのいくつかの場所で使用されます。しかし、これは機能していない唯一のものです。nz-optionnz-selectnz-optionnz-selectnz-selectnz-optionnz-selectnz-select

注: コードを変更すると、自動リロードが発生します。自動リロード後、すべてnz-optionがそこにあります。ただし、手動でリロードすると、デフォルトのみnz-optionが表示されます。

以下の私のコードスニペット。

.

.