Bootstrap

javascript - Angular 2以上でNgFormを使ったBootstrapフォームバリデータの使用

私はただ、FormsModulesをインポートした状態でBootstrap Validatorを使おうとしているだけです。なぜかFormModulesがBootstrap Validatorを無効にしてしまいます。

それをする方法は何かありますか？

こちらが私のHTMLコンポーネントです：

<div class="modal fade" id="contact" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <form #contactForm="ngForm" (submit)="getMailSender(message)"> <div class="modal-header text-center"> <h5

続きを読む →

javascript - ./node_modules/bootstrap-loader/no-op.js でエラー

私は自分のアプリケーションでWebpackを使用しており、その中でエントリーポイントをindex.tsとして作成しています。そして、プロジェクトのWebpackでsass、css、bootstrap、typescriptをリソースとして使用して実行しようとしていますが、これらのエラーで行き詰まっています。（bootstrap-loader）:

bootstraprc-3-default","bootstrapPath":"/projects/bootstrapwebpack/node_modules/bootstrap-sass","

続きを読む →

javascript - jquery bootstrap 4 typescript。jqueryを使ってモーダルを閉じることが動作しない

私はTypeScriptコードでAngularプロジェクトの中で、jQueryを使ってBootstrapのモーダルを閉じようとしています。

コード:

HTMLでの関数呼び出し:

(click)="populaterfpfromsaved(i, createSaved, createProp )"

`createSaved` と `createProp` はモーダル上のローカル参照です

ここにモーダル

続きを読む →

javascript - Angular 6 の ViewChild で Bootstrap 3.3.7 モーダルを開く

私のコンポーネントの component.html には、次のようなブートストラップモーダルがあります

私は次のように component.ts にアクセスしています。

export class Component implements OnInit, AfterViewInit { @ViewChild('myModall') m

続きを読む →

Angular 2+ で bootstrap-multiselect を動作させる

Angular2+でbootstrap-multiselect (http://davidstutz.de/bootstrap-multiselect) を動作させることができません。見たところ、すべて正しくインストールされているようです:

packages.json:

"dependencies": { (...) "bootstrap": "^4.1.3", "bootstrap-multiselect": "^0.9.13-1", "jquery": "^3.3.1", }

angular.json:

"styles": [ "./node_modules/bootstrap/scss/bootstrap.scss", "./node_modules/bootstrap-multiselect/dist/css/bootstrap-multiselect.css", "src/styles.css

続きを読む →

angular - ngx-bootstrapのdatePicker（onShown）イベントはカレンダーが実際に表示される前にトリガーされる

私はngx-bootstrapのrangeDatePickerを使っていて、rangeDatePickerが表示されるとすぐに前の月に移動させようとしています。そのために、onShownイベントで呼び出されるハンドラ関数の中でそれを使用しています。

コードは次の通りです：HTMLで

<input id="input-range-dates" type="text" class="form-control" bsDaterangepicker #drp="bsDate

続きを読む →

angular - エラー: - StaticInjectorError(AppModule) - ngx-bootstrap-product-tour

私の目標はこれを実装することです（このコードを使うことは必須ではありません）。

それを実装しようとした後、次のエラーが発生しました：

AppComponent.html:15 ERROR Error: StaticInjectorError(AppModule) NgxBootstrapProductTourService -> Router]: StaticInjectorError(Platform: core)[NgxBootstrapProductTourService -> Router]: NullInjectorError: No provider for Router!

そのエラーは次のセレクタを使ったことが原因だと思います:

<ngx-bootstrap-product-tour></ngx-bootstrap-product-tour>

これでは私は目標を達成できません…

続きを読む →

Angular/Bootstrapでデータをモーダルに送り、コンポーネントに戻す

ユーザーのリストがあり、モーダルを使ってユーザーの詳細を編集したいです。コンポーネントのユーザーリストからモーダルにデータを渡し、その詳細をコンポーネントのコードに戻して（APIが呼ばれるようにするには）どうすればよいですか？

こちらがコンポーネントのコードです：

export class DeviceUsersInternalComponent implements OnInit { @Input() summary: any; users: UserDetails[]; upd

続きを読む →

reactjs - モジュール 'react-bootstrap-table-next' の宣言ファイルが見つかりませんでした

私は自分のReactJSアプリで 'react-bootstrap-table-next' を実行しようとしています。問題が発生しています

root@ubuntu:/home/rin/sc-deal/client# npm install @types/react-bootstrap-table-next

root@ubuntu:/home/rin/sc-deal/client# npm install @types/react-bootstrap-table-next npm ERR! コード E404 np

続きを読む →

angularjs - Angular 移行 - ハイブリッドアプリケーションがブートストラップされていません

私はAngularjs 1.6のアプリケーションをngUpgrade経路を通じてAngular 7に移行する作業をしており、すべてが完了した後、ハイブリッドアプリケーションをブートストラップしようとしたところ、ブートストラップに失敗しました。webpackの設定でエントリーポイントとして追加したにもかかわらず、main.tsファイルがまったく実行されていないことに気づきました。

私は HtmlWebpackPlugin でテンプレートとして template.ejs ファイルを使用しています。Webpack の設定と package.json については、私のアプリケーションのバ

続きを読む →