Question

首先，我不得不说这是我第一次在StackOverflow上发帖..所以如果我在错误的区域发帖，抱歉。

我从angularjs开始，我正在努力争取两点。第一，我要创建一个与我的mysql的连接，直到现在我还没能...第二，我要将内容显示在HTML页面中。

我正在使用以下代码，包括app.js，page.html和data.json（如果我被允许，我会稍后将其更改为php。） app.js似乎工作正常，但视图（page.html）不显示任何数据..

App.js

    app.controller('PatientListCtrl', ['$scope', '$http', function ($scope, $http) {
    $http.get('patients.json').success(function (data) {
        $scope.patients = data;
    });
    $scope.orderProp = 'id';
}]);

patients.json

[
    {
        "id": 0, 
        "first_name": "John", 
        "last_name": "Abruzzi"
    }, 
     {
        "id": 1, 
        "first_name": "Peter", 
        "last_name": "Burk"
    }
]

page.html中

<!DOCTYPE html>
<html class="no-js" ng-app="app">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
  </head>

  <body>

    <div data-ng-repeat="patient in patients">
        {{patient.id}}{{patient.last_name}}{{patient.first_name}}{{patient.SSN}}{{patient.DOB}}      
        <div>

    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>
    <script src="app.js"></script>

  </body>

</html>

感谢您的关注。

Answer 1

您尚未在视图中定义控制器

<div ng-controller="PatientListCtrl" data-ng-repeat="patient in patients">
       <li> {{patient.id}} </li>
  <div>

这是工作Fiddle

显示Angularjs中Json的数据

App.js

patients.json

page.html中

1 个答案: