Question

嗨我已经在过去的日子里试着弄清楚Angularjs UI无法找到我传递它的templateUrl的问题。根据我的理解，当给一个目录到templateUrl值时，它来自顶部搜索栏中的URL。当我传递templateUrl的值时，它返回错误404无法找到该文件。这让我发疯，因为我在另一个项目中做了这件事，并且没有任何问题，它运行良好。

[！[文件夹结构] [1]] [1]

[！[代码] [2] [2]

编辑：我有三个不同的文件。

的index.php

<?php
    require_once("site/header.php");
?>

<!-- angular view which brings in the content-->
<div id="main" >
    <div class="{{pageClass}}" ui-view>

    </div>
</div>
<!-- end -->

<?php
    require_once("site/footer.php");
?>

在我的header.php里面，我带来了角度

<!DOCTYPE html>
<html lang="en" ng-app="polycodeWebApp">
<head>
<title>Polycode</title>
<link rel="shortcut icon" href="/favicon.ico">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300'  rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script type="text/javascript" src="js/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular-animate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.js"></script>
<script type="text/javascript" src="js/PolycodeApp.js"></script>
<script type="text/javascript" src="js/websiteAppController.js"></script>
<link rel="stylesheet" href="css/main.css">
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-309912-5']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript';    ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body class="" ng-controller="mainController">
  <div class="navbar navbar-inverse navbar-static-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" style="padding: 5px" ui-sref="home">
      <b><img style="height: 40px;" src="images/logo.svg"/>Polycode</b>
    </a>
    </div>
    <div class="collapse navbar-collapse ">
      <ul class="nav navbar-nav navbar-right">
            <li><a ui-sref="features">Features</a></li>
            <li><a ui-sref="gallery">Gallery</a></li>
            <li><a ui-sref="download">Download</a></li>
            <li><a ui-sref="learn">Learn</a></li>
            <li><a ui-sref="community">Community</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
  </div>

现在这是加载的页面，它带来了一个子视图。这是给我带来问题的文件。它没有找到我的文件intro.html

<?php
require_once("learn_header.php");

?>

<div class="{{pageClass}}" ui-view="lessons">

</div>

<?php

    require_once("learn_footer.php");
?>

这是intro.html内的内容。

<div class="page-header">
<h2>Introduction</h2>

欢迎来到Polycode学习部分！这一系列文章将带您从设置第一个Polycode应用程序到大部分主要功能。

这些文章大致按照应该阅读的顺序进行组织，但您可以随意跳转到任何部分并阅读特定功能。

C ++和Lua中都提供了示例代码，但不支持Lua绑定或仅讨论Lua功能的功能除外。

本指南旨在概述Polycode的主要API功能，但仅涵盖所讨论类的基本方法和属性。有关类方法和属性的完整列表，请参阅Polycode分发中生成的文档或IDE中的帮助→API参考。

文章正在不断发展，可能包含错误。如果您想撰写文章或查看应修复的错误或改进机会，请分叉Polycode website on github并提交拉取请求。

Answer 1

如果您还没有在html文件中定义角度控制器。

Angularjs找不到我的html文件

1 个答案: