目的：Angularuiテンプレートを既存のプロジェクトに適用します
手順は次のとおりです。
メニューを押して、デモインターフェイスを変更します
Angularuiがすべてのページをロードする方法を学びます。カスタムロードテンプレートを設定するには、この段落をDemo/demo.jsで見つけます
コードコピーは次のとおりです。
//＃is/、/scrollなどの場合、<base href = ""> + home.htmlのページをindex.htmlにリクエストします
app.config（function（$ routeprovider）{
$ routeprovider.when（ '/'、{templateurl： 'home.html'、reloadonsearch：false}）;
$ routeprovider.when（ '/scroll'、{templateurl： 'scroll.html'、reloadonsearch：false}）;
$ routeprovider.when（ '/gulgle'、{templateurl： 'toggle.html'、reloadonsearch：false}）;
$ routeprovider.when（ '/tabs'、{templateurl： 'tabs.html'、reloadonsearch：false}）;
$ routeprovider.when（ '/accordion'、{templateurl： 'Accordion.html'、reloadonsearch：false}）;
$ routeprovider.when（ '/overlay'、{templateurl： 'overlay.html'、reloadonsearch：false}）;
$ routeprovider.when（ '/forms'、{templateurl： 'forms.html'、reloadonsearch：false}）;
$ routeprovider.when（ '/dropdown'、{templateurl： 'dropdown.html'、reloadonsearch：false}）;
$ routeprovider.when（ '/drag'、{templateurl： 'drag.html'、reloadonsearch：false}）;
$ routeprovider.when（ '/carousel'、{templateurl： 'carousel.html'、reloadonsearch：false}）;
}）;
Demo.jsの実行スクリプトを読み続けます
ドラッグアイテムが消えます
ドラッグアンドドロップして写真を切り替えます
メインコントローラー
l195 $ rootscope。$ on（ '$ routechangestart'、function（）{}）; and l199 $ rootscope。$ on（ '$ RegeChangesuccess'、function（）{}）;使用することを学習します。$ on（）イベントにバインドしてハッシュイベントを変更すると、ここでコードをトリガーできます。比較の後、2つの基本的な方法が同じであることがわかりました。違いは、RuteChangestartが最初にトリガーされ、RuteChangesuccessが後でトリガーされることです。
スクロールリストページ：スクロールバーロードデータ$ scope.scrollitems = scrollitems; Scrollitemsはリストの配列です。ボトムイベントまでスクロールします（プルダウンの更新が必要です）
右側のチャットサイドバーのJSONデータは、オンラインであるかどうかを示しています。私にとって、私は当分の間チャット機能を行う能力を持っていません
フォームページ
元のブートストラップテンプレートを変更します
1。上記のステップ2によると、ページの負荷を決定する2つの要因があります。
コードコピーは次のとおりです。
1ベースパス=> base_url（）
2ハッシュ対応ページパス=>コントローラー/メソッド
3 index.phpを非表示にします
/config/config.php $ config ['index_page'] = ''; // L29は空に設定されています
.htaccess
書き換えます
RewriteCond $ 1！^
rewriterule ^（。*）$ /index.php/$1 [l]
config.yaml
- 書き換え：if（！is_file（）&&！is_dir（））goto "index.php？％{query_string}"
＃URLがファイルでもディレクトリでもない場合は、index.php？％{query_string}にジャンプして、cronの後ろに配置できません
4 demo.jsのメニュールートを変更します
2。リソースパスを交換<？= __ public __？>、2つのJSと3つのCSSファイルをコピーします
3.新しいスタイルとスクリプトディレクトリを作成して、プロジェクトのJSとCSSを保存します
4.フォントディレクトリフォントを公開します
5. home.html、sidebar.htmlページをビューディレクトリにコピーします
概要：この時点で、プロジェクトテンプレートにはAngularuiが適用されています。