angular.js - 关于angular路由的问题
高洛峰
高洛峰 2017-05-15 16:52:23
0
1
562

想用angular里的routeProvider和template来做content部分的视图切换,为什么这样写并不能实现?代码如下。
PS后台非NODE

index.html

...
    <p id="content-holder">
        <p ng-view></p>
    </p>
...

route.js:


var myApp = angular.module('myApp',['ngRoute']); myApp.config(['$routeProvider',function($routeProvider){ $routeProvider .when('/',{ templateUrl:"page/home/homePage.html", controller:"contentController" }) .otherwise({ redirectTo: '/' }); }]); myApp.controller("contentController",function(){ ... });

homePage.html:

    <p id="content" data-role="content">
        ...
    </p>
高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

membalas semua(1)
为情所困

Saya menjalankannya mengikut kod anda dan ia berfungsi saya menganggarkan bahawa ralat anda mungkin muncul dalam langkah berikut:

  • Bolehkah anda melihat sama ada laluan homePage.html betul?
  • Anda boleh menyemak maklumat yang muncul pada konsol anda Jika ia adalah mesej ralat di bawah XMLHttpRequest cannot load file:///******/test/1/page/home/homePage.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. ini bermakna keseluruhan folder anda tidak berjalan di bawah pelayan Kerana kod html luaran perlu dimuatkan, penyemak imbas adalah dilarang . Ya, ia hanya boleh dijalankan melalui pelayan tempatan (ini diamalkan dalam pelayar google chrome).
  • Nampaknya ia boleh dijalankan terus dalam pelayar Firefox, dan nampaknya tidak perlu membuka pelayan.
  • Semak dengan teliti sama ada semua modul yang dimuatkan oleh kod anda telah dimuatkan dengan betul dan sama ada index.html telah ditambahkan pada halaman ng-app.

Itu pada asasnya, anda boleh melihat dengan lebih dekat, saya harap ia dapat membantu anda. ^_^

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan