错误:[$ controller:ctrlreg]

时间:2017-07-20 22:33:07

标签: javascript angularjs json

我是使用AngularJs的新手。我试图从json文件中显示选项,但返回消息是:

“错误:[$ controller:ctrlreg]”

这是我的代码:

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

(function(app){
    "use strict";
app.controller('appController', function ($scope, $http){
    $http.get('values.json').success(function (datos){
        $scope.datos = data;
        });
});
});
{
  "orders": {
    "odc": [
      {
        "id": "ABA",
        "coupons": [
          "1XY",
          "2XY",
          "3XY"
        ]
      }
    ]
  }
}
<!DOCTYPE html>
<html lang="en">
<div class="row" ng-app="factApp" ng-controller="appController">
    <h1>Cupones</h1>
    <ul>
        <li ng-repeat="data in datos">
        <p>Orden: {{data.id}}</p><br>
        <p>Cupones {{data.coupons}}</p>
        </li>
    </ul>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="testjson/fuctury.js"></script>

我做错了什么?希望您能够帮助我。 Thanx提前

2 个答案:

答案 0 :(得分:1)

您的代码中的问题是,您应该访问响应的数据属性,还应该使用 .then 而不是 success < / p>

sj.controller('appController', function($scope, $http) {
  $http.get('values.json').then(function(response) {
    $scope.datos = response.data.orders.odc;
    console.log($scope.datos);
  });
});

<强> DEMO

答案 1 :(得分:0)

很抱歉阅读有关如何创建角度模块和控制器的更多信息:https://docs.angularjs.org/guide/controller