0

従業員管理アプリで angular js を使用しています。次のように、couchdb から JSON を生成できます。

[

{
    "id": "123",
    "name": "Henry",
    "address": "HSR"
},
{
    "id": "456",
    "name": "Erik",
    "address": "Kormangala"
}

]

Firebug の NET パネルにロードされた JSON も確認できます。これが私のAngular JSファイルです: Employee_Manager_App.js:

var EMApp= angular.module('EMApp', ['employeeProvider']).config(function ($routeProvider){
    $routeProvider.when("/", {
        templateUrl: '../EMApp/resources/html/login.html',
        controller: 'LoginController'
    });
    $routeProvider.when("/home",{
        templateUrl : '../EMApp/resources/html/home.html',
        controller: 'HomeController'
    });

    $routeProvider.otherwise({redirectTo: '/' });
});
EMApp.controller('LoginController', function($scope, $location){
   $scope.login = function(){
      if($scope.credentials.username === "admin" && $scope.credentials.password === "1234")
        $location.path('/home');
      else
          alert("Username should be admin & Password should be 1234");
   };});
EMApp.controller('HomeController', function($scope, Employees){
$scope.employeeRes = Employees.query();
console.log($scope.employeeRes);});

employee_provider.js :

angular.module('employeeProvider',['ngResource']).
factory('Employees', function($resource){
    var Employees = $resource('http://localhost\\:5984/myapp/_design/mydesign/_show/employee_shows/9351c38f9a64fd26e40b2ac4cf012efe?name=:value', {value : "employees"}, {query : {method : 'JSONP'}});
    return Employees;
});

JSON が応答として表示されたとしても、「employeeRes」を使用している html ページに従業員の詳細は表示されませんでした。

誰かが何か間違っていると思いますか?私を修正してください。前もって感謝します。

4

1 に答える 1