ブートストラップ角度トグルの実装

私はAngularを初めて使っていて、自分のウェブサイトにBootstrap Angular toggle機能/モジュールを実装しようとしています。ブートストラップ角度トグルの実装

リンク先のWebサイトにはドキュメントがありますが、完全な実例（例：小さな独立したフィドル）はどこにも見つかりません。私はすべての作業この機能を取得することはできませんので、私はリソースをロードした、と私はしようとしてきた何のJS-フィドル製：

example-fiddle

するか、あなただけ見ることを好む場合コードで：

<script>angular.module('myApp', ['ui.toggle']);</script> 

<div ng-app="myApp"> 
    <toggle ng-model="toggleValue" ng-change="changed()"></toggle> 
</div>

角度に馴染みの誰もが、おそらく10秒でこれをうまくすることができますが、私はちょうど始めましたし、から学ぶための良い例を見つけるように見えることはできません。
ここで私はここで間違っていますか、html呼び出しか依存宣言（あるいはその両方）ですか？

出典

2017-06-21 Dilfa

誰もが私が見る簡単な例 – Dilfa

ブートストラップトグルのcdnアドレスがあなたのフィドルで間違って参照されています。

ブートストラップトグルウェブサイトでchrome開発ツールからjsとcssファイルを参照する正しいアドレスを取得しました。

私は、ブートストラップトグルファイルをダウンロードし、アプリからローカルに参照する方が安全だと思います。

あなたのフィドルで次のものをペーストすると効果があります。今仕事にフィドルを更新


 

 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
    <html> 
 
    <link href="https://ziscloud.github.io/angular-bootstrap-toggle/css/angular-bootstrap-toggle.min.css" 
 
        rel="stylesheet">    
 
    <script src="https://ziscloud.github.io/angular-bootstrap-toggle/js/angular-bootstrap-toggle.min.js"></script> 
 

 
    <script>angular.module('myApp', ['ui.toggle'])</script> 
 
    <body ng-app="myApp"> 
 
     <div> 
 
     <toggle ng-model="toggleValue" ng-change="changed()"></toggle> 
 
     It's not working! What should I do? 
 
     </div> 
 
    </body> 
 

 
    </html>

出典

2017-06-21 19:45:49

を必要とする場合、私は私が使用している角度のバージョンとのリンクに「{バージョン}」交換を忘れてしまいました（この場合、1.6.4）。さて、ありがとう、ありがとう、ありがとう。 – Dilfa

実際には、このスワッピングはうまくいかないかもしれませんが、私はポイントを得て、適切なリソースを使用してください。 – Dilfa

上記のスクリプトとスタイルシートファイル（githubのもの）を私の角プロジェクトV1.5.8に追加しました。 – Ahsan

ブートストラップ角度トグルの実装

答えて

関連する問題