長い間間違いを探しましたが、問題が見つかりませんでした。もう一度公式ドキュメントを読みましたが、それでも見つかりませんでした。同じような問題を抱えている他の道士仲間に出會(huì)ったことがありますか?
コードアドレス https://github.com/fantaishao/angular-directive/blob/master/table-directive/scripts/app/app.js
ページは常に空白です
コンソールはエラーを報(bào)告しませんでした
これは私のドキュメントのディレクトリ構(gòu)造です
インデックスページのコンテンツ
テンプレートのコンテンツの 1 つ [上部のナビゲーション ナビゲーションバー、他のテンプレートも同様です]
abstract
屬性は、ルートの定義をネストするときに使用される抽象ルートの定義に使用されます。さらに、abstract
屬性を定義した後は、必ず が存在します。 template または templateUrl
屬性を使用して、サブビューを親ビューにホームします。 abstract
屬性是用來定義抽象路由的,即路由的嵌套定義的時(shí)候會(huì)使用到,并且,定義了abstract
屬性之后,肯定會(huì)有一個(gè)template
或者templateUrl
屬性來將子視圖家在到父視圖中。
你這里不涉及嵌套路由,你只是想同時(shí)把三個(gè)模版分別加載到頁面的對應(yīng)位置。那么,就不需要用到abstract:true
這一行代碼。這一行肯定需要去掉。
然后。一個(gè)<p ui-view></p>
只能加載一個(gè)視圖,你如果要同時(shí)加載三個(gè)模版到index.html
中的話,那么,你就需要在index.html
中定義三個(gè)不同名稱的ui-view
,然后,在你的app.js
里,把這三個(gè)不同名字的ui-view
添加進(jìn)對應(yīng)的要加載的模版的代碼中。
比如:
在你的index.html
里,就這樣寫
<!-- index.html -->
<p ui-view="navbar"></p>
<p ui-view="sidebar"></p>
<p ui-view="footer"></p>
然后,在你的app.js
abstract:true
行を使用する必要はありません。このラインは絶対に廃止する必要があります。 ??
??それでは。 <p ui-view></p>
は 1 つのビューのみを index.html
にロードする場合、次のようにします。 , index.html
で異なる名前の 3 つの ui-view
を定義し、app.js
にこれら 3 つを配置する必要があります。読み込まれる対応するテンプレートのコードに、別の名前の ui-view
が追加されます。 ??
??例: ??
??index.html
に次のように記述します??
リーリー
??次に、app.js
で次のように記述します: ??
リーリーあなたのコードを試してみましたが、問題はありません。 http://127.0.0.1:8888/#/site にアクセスするだけで動(dòng)作します (自分で試す場合は、ポートとマシンを自分のものに変更するだけです)。
スクリーンショットを撮る
リーリー