Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Angular ngRoute-未正确加载html_Jquery_Angularjs_Ngroute - Fatal编程技术网

Jquery Angular ngRoute-未正确加载html

Jquery Angular ngRoute-未正确加载html,jquery,angularjs,ngroute,Jquery,Angularjs,Ngroute,我正在尝试使用ngRoute。 当我转到url/#/page1时,我在正确的位置收到了page1。 但是我的链接有问题,而且css也不能正常工作。 另一方面,如果我转到page1.html并添加css和js的mdl,它工作正常 这是我的应用程序 var app = angular.module('app',['ngRoute']) .config(['$routeProvider', function ($routeProvider){ $routeProvider .when('

我正在尝试使用
ngRoute
。 当我转到url
/#/page1
时,我在正确的位置收到了
page1
。 但是我的链接有问题,而且css也不能正常工作。 另一方面,如果我转到
page1.html
并添加
css
js
mdl
,它工作正常

这是我的应用程序

 var app = angular.module('app',['ngRoute'])
.config(['$routeProvider',
function ($routeProvider){
    $routeProvider
  .when('/page1',{
     templateUrl : 'pages/page1.html',
     controller : 'Page1Ctrl'
   }); 

}])
.controller('Page1Ctrl',['$scope',function($scope){
}]);
my
page1.html
是从
mdl
中展开的选项卡(css和
mdl
的所有js都在
index.html
中)


  • 埃达德
  • 卡特琳
  • 泰温
  • 瑟曦
  • 杰米
  • 维塞里斯
index.html
中,我添加了

我还尝试使用jquery.load来加载page1.html和同样的问题

如果有人能帮我,我会感谢的

谢谢

编辑:
虽然无法加载css,但某些css字段已重载。。所以看起来好像没有加载css。

index.html
中列出所有资源
(js,css)

index.html
create的body标记内

ng-view
现在,我们所有的部分html都将加载到
ng视图中

注意:不要忘记在index.html中添加
ng应用程序

更新:只需将路由器更改为

  $routeProvider
  .when('/page1',{
     templateUrl : 'pages/page1.html',
     controller : 'Page1Ctrl'
   })
  .when('/',{
     templateUrl : 'pages/page1.html',
     controller : 'Page1Ctrl'
 });

index.html
中列出所有资源
(js,css)

index.html
create的body标记内

ng-view
现在,我们所有的部分html都将加载到
ng视图中

注意:不要忘记在index.html中添加
ng应用程序

更新:只需将路由器更改为

  $routeProvider
  .when('/page1',{
     templateUrl : 'pages/page1.html',
     controller : 'Page1Ctrl'
   })
  .when('/',{
     templateUrl : 'pages/page1.html',
     controller : 'Page1Ctrl'
 });

看看这个:。它允许您为每个路由指定css文件。

请查看以下内容:。它允许您为每个路由指定css文件。

简单来说,您无法从部分加载js&css引用。因此,我如何在我的网站上制作一个模板来更改内部div,而不必在每个html中加载js、css。您确定要在page1.html上使用的css和js文件正在index.html中加载吗?控制台中有错误吗?控制台中没有错误。如果我复制page1.html的代码并用everything替换它。但如果我将css文件的链接复制到page1.html,它就不起作用了,这意味着你不能从部分加载js&css引用。那么我如何才能像模板一样修改我不必加载js的内部div,每个html中的css..?您确定要在page1.html上使用的css和JS文件正在index.html中加载吗?控制台中有错误吗?控制台中没有错误。若我复制page1.html的代码并替换为“一切正常”,但若我将css文件的链接复制到page1.html,它就不工作了。。这不是将css、js加载到page1.html…这就是问题所在。。我看到了页面,但似乎index.html中的js文件不影响page1.htmlwhat是您尝试加载的url,它是否以/choose作为后缀?t’s load the css,但一些css字段被重载。。所以看起来好像没有加载css..是我做的。。这不是将css、js加载到page1.html…这就是问题所在。。我看到了页面,但似乎index.html中的js文件不影响page1.htmlwhat是您尝试加载的url,它是否以/choose作为后缀?t’s load the css,但一些css字段被重载。。所以看起来好像没有加载css。。