クイックご質問ください。似たような質問が私に似ていますが、私はその反応を理解していないようです。ここでは取引があります。理想的には、javascript関数を使用するブートストラップを使用して作成されたページがある場合です。この関数は、ブートストラップhtmlファイルに含まれるか、javascriptファイルは外部ファイルとして作成され、ブートストラップhtmlタグのどこかで呼び出されます。だから私の質問は、このjavascriptファイル（埋め込み/外部）機能を角で使用するのですか？index fileまたは.tsファイルor whereにありますか？ありがとうございました。ブートストラップを使用して、Angular tsファイルのjavascript関数
これは、プロジェクトにブートストラップを追加する方法によって異なります。あなたのプロジェクトに直接ブートストラップをインストールしたい場合は怒鳴る示すように、あなたはあなたのindex.htmlファイルを編集します。この後
...
<head>
...
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- Insert your bootstrap CSS here -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<app-root></app-root>
<!-- Your JQuery here -->
<script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>
<!-- Your bootstrap JavaScript here -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
、あなたは先に行くと、あなたのアプリケーションでそれを使用して起動することができます。たとえば、次のコードを使用してapp.component.htmlを編集して、そのブートストラップの動作をテストできます。 $ npm install [email protected] jquery --save：あなたはまた、このようにNPMを使用して、ブートストラップとjQueryをインストールすることができます
<div class="container">
<div class="jumbotron">
<h1>Angular</h1>
<h2>Bootstrap Test</h2>
</div>
<div class="panel panel-primary">
<div class="panel-heading">My App Status</div>
<div class="panel-body">
<h3>{{title}}</h3>
</div>
</div>
</div>
。これにより、ブートストラップとJQueryがnode_modulesディレクトリに追加されます。必要なファイルです。その後
node_modules/jquery/dist/jquery.min.js
node_modules/bootstrap/dist/css/bootstrap.min.css
node_modules/bootstrap/dist/js/bootstrap.min.js
プロジェクトにこれらのファイルを追加するには.angular-cli.json（あなたは角/ CLIを使用している場合）を更新：
"styles": [
"styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
"../node_modules/jquery/dist/jquery.min.js",
"../node_modules/bootstrap/dist/js/bootstrap.min.js"
],
それともに<link>と<script>タグを使用することができます上記のようにindex.htmlに直接追加してください。
NG-Bootstrapをnpm経由でインストールすることもできます。npm install --save @ng-bootstrap/ng-bootstrap インストール後、メインモジュールをNGModuleにインポートすることができます。
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
@NgModule({
declarations: [AppComponent, ...],
imports: [NgbModule.forRoot(), ...],
bootstrap: [AppComponent]
})
export class AppModule {
}
ブートストラップを使用する必要がある他のモジュールでは、ブートストラップのメインNgModuleをインポートする必要があります。 You can fine example on how to use NG-Bootstrap here
私は助けることができる喜んで、多くの感謝... – user3679513
@ user3679513。 – Kalenda