検索

ホームページ  >  に質問  >  本文

前端 - angular ui-router 模板内容不显示

求助问题:引用了angularjs的ui-router服务,但是模板内容没有显示

找了半天错误,没发现哪里有问题,又跑去看官方文档,还是没有发现。又碰到类似问题的道友么?
代码地址 https://github.com/fantaishao/angular-directive/blob/master/table-directive/scripts/app/app.js
页面始终是空白的


控制台没有报错

这是我的文档目录结构

index页面内容

其中的一个模板内容 【顶部导航navbar,其他模板类似】

習慣沉默習慣沉默2744日前664

全員に返信(3)返信します

  • 我想大声告诉你

    我想大声告诉你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

    ここではネストされたルーティングは必要ありません。3 つのテンプレートをページ上の対応する場所に同時にロードするだけです。その場合、コードの abstract:true 行を使用する必要はありません。このラインは絶対に廃止する必要があります。 🎜 🎜それでは。 <p ui-view></p> は 1 つのビューのみを index.html にロードする場合、次のようにします。 , index.html で異なる名前の 3 つの ui-view を定義し、app.js にこれら 3 つを配置する必要があります。読み込まれる対応するテンプレートのコードに、別の名前の ui-view が追加されます。 🎜 🎜例: 🎜 🎜index.html に次のように記述します🎜 リーリー 🎜次に、app.js で次のように記述します: 🎜 リーリー

    返事
    0
  • 習慣沉默

    習慣沉默2017-05-15 17:00:50

    あなたのコードを試してみましたが、問題はありません。 http://127.0.0.1:8888/#/site にアクセスするだけで動作します (自分で試す場合は、ポートとマシンを自分のものに変更するだけです)。

    スクリーンショットを撮る


    現在のURLが一致しない場合は、これを使用して、表示したいページにジャンプできます

    リーリー

    返事
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-15 17:00:50

    HTML の ui-view はどこにありますか?

    返事
    0
  • キャンセル返事