問題タブ [ng2-bootstrap]

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 投票する
1 に答える
13037 参照

angular - Angular2 ng2-bootstrap の折りたたみによる遷移/アニメーションの追加

私はこの https://valor-software.com/ng2-bootstrap/#/collapse を使用しています。高さ 0 - 自動にアニメーション/トランジションを追加したいのですが、高さ自動にトランジションを追加できないことは誰もが知っています。 . 持続時間のあるslideToggle効果を追加したいと思います。3日以上解決策を探そうとしました...

これに対する既知の解決策はありますか?

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

angular - Quirk with ng2-bootstrap modal in Angular2 rc5

I've been working on building a calendar app using Angular2 and I recently upgraded to rc5. My calendar allows users to create/edit appointment details through use of a detail modal, then displays changes and prompts a user to confirm the changes in another modal. It also allows the user to drag and drop the events and calculates the new date/time accordingly. The app was working fine before upgrading to rc5. Since the upgrade, when a user drags an event to a new time the confirm modal opens and shows the last change, and only when the user clicks inside the modal does it update to reflect the new changes.

Expected flow: drag/drop -> update values -> open display to show new changes

Current flow: drag/drop -> open display -> (Upon clicking in modal) change values to reflect new event time

I haven't changed my code, so I'm suspecting there's some change to the way rc5 is handling the modal. I'm using "ng2-bootstrap", and the flow of the detail edit still works as normal.

viewProviders: [BS_VIEW_PROVIDERS] directives: [MODAL_DIRECTIVES]

Drag and Drop Handler:

Detail response handler:

If need be I can force an event on the modal to trick it into updating, but that seems sloppy. Is there a clean way to force the modal to update?

calendar.component.html

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

angular - TypeError: 未定義の ng2-bootstrap typeahead のプロパティ 'slice' を読み取れません

Google マップのオートコンプリートをセットアップしようとしています。しかし、私はこのエラーが発生しています

ここの例に従いました: https://valor-software.com/ng2-bootstrap/index-bs4.html#/typeahead

私のコントローラーで:

getPredictions 関数:

そして私の見解は次のようになります:

コンソールに次のダンプが表示されます。

createvent.component.ts:82 のオブジェクトは、Google の場所オブジェクトです。

どんな助けでも大歓迎です。

UPDATE 1 typehead.ts を見たところ、毎回_matches未定義になることがわかりました。getPrediction 関数にヒットするとすぐに、マップが関数を解決するように感じます。

ありがとう、

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

angular - Angular2: アンメット ピア依存関係

このコマンドでAngular2でnpmを使用してブートストラップをインストールしようとしています

npm install --save ng2-bootstrap

しかし、コンソールに次のエラーと警告が表示されます

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

angularjs - Angular 2 RC 6 で ng2-bootstrap を使用する - [...] の既知のプロパティではないため、[...] にバインドできません。

Angular 2 (RC 6) を使い始めたばかりで、ng2-bootstrap の使用で問題が発生しました。RC 6 がごく最近出たのは知っていますが、これはバグというよりも、私が間違ったことをしているだけだと思います。

ng2-boostrap デモ ページ、具体的には先行入力ボックス デモから基本的なデモを再作成しようとしています。これが私のものAppModuleです:

次に app.component:

関連する HTML のスニペット:

私が得ているエラーはこれです:

最後に、これが私のシステム js 構成です。

誰か提案はありますか?現時点でわかる限り、ng2-bootstrap は SystemJS にロードする必要があり、インポートは AppModule で正しく、そこからすべてが機能するはずですが、明らかに何かが欠けています。