AngularJS未与控制器连接_Angularjs

AngularJS未与控制器连接

angularjs

AngularJS未与控制器连接,angularjs,Angularjs,我目前正在处理angular js的一个问题，只处理了一段时间。为了解决这个问题，我试着通过使用我的工作的副本并删除所有不需要的东西来隔离它我添加了一段特定的代码，我知道这段特定的代码应该可以正常工作，但事实并非如此。在我尝试集成它并查看它是否真的与它一起工作之前，我需要尝试找出它是否真的有问题我还为此创建了js文件和css的新外部副本，并正确链接了它们基本上，我的问题是，我一直在浏览器中看到这段代码，而不是应该编写的实际文本：我在浏览器中看到这一点是的，浏览器中已启用脚本 {{phon

我目前正在处理angular js的一个问题，只处理了一段时间。为了解决这个问题，我试着通过使用我的工作的副本并删除所有不需要的东西来隔离它

我添加了一段特定的代码，我知道这段特定的代码应该可以正常工作，但事实并非如此。在我尝试集成它并查看它是否真的与它一起工作之前，我需要尝试找出它是否真的有问题

我还为此创建了js文件和css的新外部副本，并正确链接了它们

基本上，我的问题是，我一直在浏览器中看到这段代码，而不是应该编写的实际文本：

我在浏览器中看到这一点是的，浏览器中已启用脚本

{{phone.name}{{phone.snippet}}

但显然，这不应该是出现的事情

这是html：

<!doctype html>
<html ng-app="phonecatApp">
<head>
    <meta charset="utf-8">
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="css/bootstraptwo.css" />
</head>

<body ng-controller="PhoneListCtrl">
    <script type="text/javascript" src="js/apptwo.js"></script>
    <script type="text/javascript" src="js/angulartwo.js"></script>


  <div class="container-fluid">
    <div class="row">
      <div class="col-md-2">
        <!--Sidebar content-->

        Search: <input ng-model="query">
        Sort by:
        <select ng-model="orderProp">
          <option value="name">Alphabetical</option>
          <option value="age">Newest</option>
        </select>

      </div>
      <div class="col-md-10">
        <!--Body content-->

        <ul class="phones">
          <li ng-repeat="phone in phones">
            <span>{{phone.name}}</span>
            <p>{{phone.snippet}}</p>
          </li>
        </ul>

      </div>
    </div>
  </div>

</body>
</html>

您在声明控制器时缺少依赖项注入的一部分：

phonecatApp.controller('PhoneListCtrl', ['$scope', function($scope) {

考虑将PhonelistCtrl重命名为PhonelistController。请核对要点：

Angular可能抛出了一个错误。你们在控制台中看到javascript错误了吗？是的，刚刚检查过。弹出的第一件事是，尽管我不明白为什么它会给我这个错误：错误：[$injector:modulerr]未能实例化模块phonecatApp，因为：[$injector:nomod]模块“phonecatApp”不可用！您要么拼错了模块名，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。当抛出异常时，角度生命周期将停止，以便在修复错误后立即修复。现在看起来phonecatApp模块从未加载。@user54600我很确定这个错误是因为脚本的应用顺序。顺序应该是-1。首先，2。然后是你的剧本。Plunker:@user54600这是修复了搜索和排序的Plunker：我在中添加了它，重新加载了页面但没有用，然后玩了一会儿，但仍然抛出了相同的错误。谢谢你的链接。一旦有机会，我会检查一下，因为我现在正在度假一个月——我没有带自己的笔记本电脑。这看起来很有希望，但是，谢谢你！

phonecatApp.controller('PhoneListCtrl', ['$scope', function($scope) {

/* Controller */

phonecatApp.controller("PhonelistController", function ($scope) {}

<body ng-controller="PhonelistController"></body>