我剛剛開始我的第一個Ionic應用程序,並且有點困惑。我正在使用Rails API登錄用戶,然後我想在Ionic應用程序(名稱,電子郵件等)上顯示用戶信息。在配置文件中顯示來自本地存儲的用戶數據
我似乎無法拉入用戶的電子郵件和我的根頁面上的名稱。以下是我的代碼,我很抱歉問這樣一個初學者級別的問題。
services.js
angular.module('starter.services', [])
.factory('User', function($resource) {
return $resource("http://localhost:3000/api/v1/users/:id.json");
})
.factory('UserSession', function($resource) {
return $resource("http://localhost:3000/login.json");
})
controller.js
angular.module('starter.controllers', [])
.controller('DashCtrl', function($scope, User) {
$scope.user = User.get(localStorage['userId']);
})
.controller('LoginCtrl', function($scope, $location, UserSession, $ionicPopup, $rootScope) {
$scope.data = {};
$scope.login = function() {
var user_session = new UserSession({ user: $scope.data });
user_session.$save(
function(data){
window.localStorage['userId'] = data.id;
window.localStorage['userName'] = data.name;
window.localStorage['userEmail'] = data.email;
window.localStorage['userZip'] = data.zip;
window.localStorage['userBalance'] = data.account_balance;
$location.path('/tab/dash');
},
function(err){
var error = err["data"]["error"]
var confirmPopup = $ionicPopup.alert({
title: 'An error occured',
template: error
});
}
);
}
});
製表dash.html
<ion-view title="Overview">
<ion-content class="padding">
<h2>Name: {{user.name}}</h2>
<p>Email: {{user.email}}</p>
</ion-content>
</ion-view>
正如你可以發ee從下面的屏幕截圖中看不到名稱和電子郵件的值。
這裏還保存在我的localStorage值的屏幕截圖。
的 「http://本地主機:3000/API/V1 /用戶/:id.json」 什麼以.json在這裏做? !!!! –
@ZeRubeus我刪除了.json,這似乎沒有什麼區別。 –
爲什麼你在服務'UserSession'中使用new? –