問題タブ [ng-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.
angular - AngularJS 2 で ng-bootstrap を使用する方法 (angular-cli v1b15 を使用)?
ng-bootstrap 公式サイトのドキュメントに従って、Angular 2 プロジェクトで ng-bootstrap を使用しようとしています。
私がやったことは次のとおりです。
npm install bootstrap@4.0.0-alpha.4- ルートの /bootstrap ディレクトリに移動して実行
npm installし、package.json にリストされているローカルの依存関係をインストールします。 - ルート プロジェクトに再度移動して実行します。
npm install --save @ng-bootstrap/ng-bootstrap
その後、次のようにモジュールにインポートします。
ただし、プロジェクトでプルレフトなどのブートストラップ スタイルを使用することはまだできません。
情報については、angular-cli v1.0.0-beta.15 を webpack で使用しています。
この問題を解決するにはどうすればよいですか?
angular - angular 2 ng-bootstrap datepickerポップアップ
こんにちは、ng-bootstrap datepicker を調査しています。デモ コードを確認したところ、アプリケーションで動作させることができました。
ただし、複数の datepicker 入力タグを追加した場合、機能するのは 1 つだけです。以下は私が作成したコードです。#d を #d1 と #d2 に変更しようとすると (toggle() 部分も変更します)、ページからエラーが吐き出されます。
また、コンポーネントでラップしようとしたところ、さまざまなプロパティに対して複数の日付ピッカー インスタンスを使用できるようになりました。ただし、値を親コンポーネントに戻していないようです。
new.campaign.html
datepicker-popup.component.ts
datepicker-popup.html
誰かが問題を解決するために正しい方向に私を向けることができますか?
angular - angular 2 ng-bootstrap datepickerポップアップは常に1か月オフ
何らかの理由で ng-bootstrap datepicker は、選択した日付から 1 か月ずれた日付を返します。元。2016-09-03 が選択されて入力に表示されますが、実際のデータは 2016-08-03 です。
公式サイトのデモを見ると、同じように動作します。
ng-bootstrap datepicker で同様の動作を見た人はいますか? もしそうなら、どのように解決しますか？
ありがとう
angular - フォーカス時に Typeahead を起動する
デフォルトの Typeahead の動作は、変更イベントで一致を返すことだと思います。
フォーカスイベントでも一致を返すのは簡単ですか? つまり、すべての値が空の文字列と一致する必要がありますか?
上記のコードは、入力が空の文字列に変更されたときにすべての値を返します。
これは、フォーカスを除いて、私が望む結果です。
typeahead - 結果が選択された後に先行入力をクリアする方法は?
ng-bootstrap typeaheadコンポーネントを使用して顧客データベースを検索しています。ユーザーが先行入力の結果リストから顧客を選択すると、顧客の詳細ページに移動します。私はこれを機能させましたが、ナビゲーションが行われた後に入力フィールドをクリアしたいです。イベント ロジックでモデルを null または空の文字列に設定しようとしましたselectItemが、これは機能しません。
customer-search-typeahead.component.html
customer-search-typeahead.component.ts
選択が行われると、先行入力は次のようになります。
解決
customer-search-typeahead.component.html
customer-search-typeahead.component.ts
css - angular2 で css/bootstrap クラスをレンダリングする際の問題
angular2 コンポーネントでレンダリングすると、CSS/Bootstrap の動作に問題が発生します。
Index.html ファイルの CSS/html コンテンツを (CSS、JS の適切な参照を使用して) レンダリングしようとすると、アプリケーション/機能は正常に動作します。ただし、angular2 コンポーネントで同じ html コンテンツと CSS クラスがレンダリングされると、機能しません。
インターネットでの検索に基づいて、これらすべての変更を行いましたが、何も機能しません。そのコンポーネントに encapsulation: ViewEncapsulation.None を追加しましたが、それでも CSS 機能は angular 2 では機能しません。
また、JS 参照ファイルの順序は次の順序で配置されます
問題を再現し、 Github URLにチェックインしました
誰かがこの問題で私を助けることができますか?