角度ng重复功能app功能未定义

时间:2013-11-12 17:08:28

标签: javascript angularjs

我创建了一个角度重复功能。它循环我的section容器。所以最终这个重复函数会循环section标签内的内容。

不幸的是我收到了一个控制台错误,就是说app function not defined当我在正文中定义app时,我不能100%确定为什么会这样。看起来像以下body ng-app="app"我上传了我的代码click here

我假设我的html结构是正确的,但我不能100%肯定我的js。

   app.controller("GamesViewEntries", function ($scope){
          $scope.gamesViewItem =  { name: "tom", sex: "male" }
      });

有人可以指导我朝正确的方向发展吗?

2 个答案:

答案 0 :(得分:1)

您忘记通过引导您的应用来声明app变量。该错误消息表示未声明变量app,而不是您从未包含ng-app

var app = angular.module("app", [])

ng-repeat也定位到控制器名称,而不是您的范围对象,请将其更改为:

<div ng-repeat="(key, value) in gamesViewItem" class="box">

由于您只有一个对象,而不是一个对象数组,因此请使用(k, v) in object语法。

Plunkr:http://plnkr.co/edit/nQw0L7CEBpV5zDHTM97l?p=preview

答案 1 :(得分:0)

您需要以角度创建模块。

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

myApp函数中第一个参数的名称angular.module对应于模板中的应用名称。 <div ng-app="myApp"></div>