2017-03-31 11 views
0

私のプロジェクトでは、bootstrap-sweetalertライブラリを使用しています。 まず私はstyles.cssファイルがあるangle2または4でbootstrap-sweetalertライブラリを使用するにはどうすればよいですか?

その後
`bower install bootstrap-sweetalert --save` 

私が資産ディレクトリでは、角度-cli.jsonファイル

"scripts"   : [ 
    "../bower_components/bootstrap-sweetalert/dist/sweetalert.js" 
    ], 

へのパスを追加するコードの下に使用してインストールして、私は以下のコードを追加します

@import "../../../bower_components/bootstrap-sweetalert/dist/sweetalert.css"; 

HTMLファイルがある

<button class="btn btn-circle green-haze btn-outline sbold uppercase mt-sweetalert" data-title="Sweet Alerts with Icons" data-message="Success Icon" data-type="success" data-allow-outside-click="true" 
          data-confirm-button-class="btn-success">Icon Success Alert</button> 
として

しかし、動作しません!... さらに、sweetalert.jsファイルにalert()を追加しています。

しかし、htmlファイルは機能しません。

作業方法はありますか?ありがとう。

答えて

2

index.htmlにスタイルをインポートします。簡単なブートストラップで私の例を紹介します。

<link rel="stylesheet" type="text/css" media="screen" href="assets/css/bootstrap.min.css"> 

これでこれを持っているのindex.htmlです:

<app-root>Loading...</app-root> 

は、メインのライブラリの後に、このライブラリをインポートすることを忘れないでください。

また、ドキュメントをチェックしておく:

幸運と良いコーディング!

関連する問題