従業員管理アプリで 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 ページに従業員の詳細は表示されませんでした。
誰かが何か間違っていると思いますか?私を修正してください。前もって感謝します。