javascript - 仍然让 Controller 不是函数,未定义,而我没有全局定义 Controller

标签 javascript angularjs ng-controller

仍然得到相同的错误 参数 'AveragesCtrl' 不是函数,未定义我做错了吗?

<div >

    <div ng-controller="AveragesCtrl">

    <table>
      <tr ng-repeat="actor in avengers.cast">
        <td>{{actor.name}}</td>
        <td>{{actor.character}}</td>
      </tr>
    </table>

  </div>

  </div>

JS

var myApp  = angular.module("myApp", []);

    myApp.factory('Averages', function () {

        var Avengers = {};
        Avengers.cast = [
          {
            name: "Robert Downey Jr.",
            character: "Tony Stark / Iron Man"
          },
          {
            name: "Chris Evans",
            character: "Steve Rogers / Captain America"
          },
          {
            name: "Mark Ruffalo",
            character: "Bruce Banner / The Hulk"
          },
          {
            name: "Chris Hemsworth",
            character: "Thor"
          },
          {
            name: "Scarlett Johansson",
            character: "Natasha Romanoff / Black Widow"
          },
          {
            name: "Jeremy Renner",
            character: "Clint Barton / Hawkeye"
          },
          {
            name: "Tom Hiddleston",
            character: "Loki"
          },
          {
            name: "Clark Gregg",
            character: "Agent Phil Coulson"
          },
          {
            name: "Cobie Smulders",
            character: "Agent Maria Hill"
          },
          {
            name: "Stellan Skarsgard",
            character: "Selvig"
          },
          {
            name: "Samuel L. Jackson",
            character: "Nick Fury"
          },
          {
            name: "Gwyneth Paltrow",
            character: "Pepper Potts"
          },
          {
            name: "Paul Bettany",
            character: "Jarvis (voice)"
          },
          {
            name: "Alexis Denisof",
            character: "The Other"
          },
          {
            name: "Tina Benko",
            character: "NASA Scientist"
          }
        ];
        return Avengers;
    });



    myApp.controller("AvengersCtrl", function AvengersCtrl(Avengers) {
      var avengersCtrl = this;
        avengersCtrl.avengers = Avengers;
    }); 

最佳答案

没有 Controller 名称 AveragesCtrl

你声明的 Controller 名称 AvengersCtrl

转换这个

<div ng-controller="AveragesCtrl">

<div ng-controller="AvengersCtrl">

关于javascript - 仍然让 Controller 不是函数,未定义,而我没有全局定义 Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33929828/

相关文章:

javascript - 在 JSON 中的根节点及其所有子节点附加一个键值

javascript - 如何调试我的代码 Ruby、Javascript、CSS?

javascript - 无法获取图像大小,但长度可以吗?

AngularJS ng- Controller 未定义

javascript - 如何根据条件实例化 ng-controller

JavaScript : How to process function's argument even if it undefined

javascript - 无法从 md-autocomplete 中的对象数组中获取值

angularjs - 为什么 ChartJS 图表最终的宽度为 0,高度为 0?

angularjs - 更新 ng-grid 单元格

javascript - 在 ng-click 调用上设置时未调用函数