找了半天错误,没发现哪里有问题,又跑去看官方文档,还是没有发现。又碰到类似问题的道友么?
代码地址 https://github.com/fantaishao/angular-directive/blob/master/table-directive/scripts/app/app.js
页面始终是空白的
控制台没有报错
这是我的文档目录结构
index页面内容
其中的一个模板内容 【顶部导航navbar,其他模板类似】
我想大声告诉你2017-05-15 17:00:50
abstract
属性は、ルートの定義をネストするときに使用される抽象ルートの定義に使用されます。さらに、abstract
属性を定義した後は、必ず < code> が存在します。 template または templateUrl
属性を使用して、サブビューを親ビューにホームします。 abstract
属性是用来定义抽象路由的,即路由的嵌套定义的时候会使用到,并且,定义了abstract
属性之后,肯定会有一个template
或者templateUrl
属性来将子视图家在到父视图中。
你这里不涉及嵌套路由,你只是想同时把三个模版分别加载到页面的对应位置。那么,就不需要用到abstract:true
这一行代码。这一行肯定需要去掉。
然后。一个<p ui-view></p>
只能加载一个视图,你如果要同时加载三个模版到index.html
中的话,那么,你就需要在index.html
中定义三个不同名称的ui-view
,然后,在你的app.js
里,把这三个不同名字的ui-view
添加进对应的要加载的模版的代码中。
比如:
在你的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
で次のように記述します: 🎜
リーリー習慣沉默2017-05-15 17:00:50
あなたのコードを試してみましたが、問題はありません。 http://127.0.0.1:8888/#/site にアクセスするだけで動作します (自分で試す場合は、ポートとマシンを自分のものに変更するだけです)。
スクリーンショットを撮る
リーリー