角度雙向數據綁定問候

道歉可能是一個非常基本的問題。我正在做一個有角度的小演示測驗項目。在第一頁上，我有一個基本的雙向數據綁定問候語（即您在一個框中輸入您的名字，並歡迎用戶，例如<p> Welcome {{name}} </p>角度雙向數據綁定問候

如何保存輸入的姓名並將此歡迎帶到下一頁/模板？下面是代碼

<strong>Welcome</strong> {{email}} 

    <p class="lead">Please enter your name </p> 
     <body ng-app ng-init="email = 'John';"> 
     <label>enter name<input type="text" ng-model="firstName"/></label><br /> 
    </body>

，這裏是我的路由

'use strict'; 


angular 
    .module('angularQuizApp', [ 
    'ngAnimate', 
    'ngCookies', 
    'ngResource', 
    'ngRoute', 
    'ngSanitize', 
    'ngTouch' 
    ]) 
    .config(function ($routeProvider) { 
    $routeProvider 
     .when('/', { 
     templateUrl: 'views/main.html', 
     controller: 'MainCtrl' 
     }) 
     .when('/about', { 
     templateUrl: 'views/about.html', 
     controller: 'AboutCtrl' 
     }) 
     [...]

我開始用一個自耕農角度支架等等都改變了很少的代碼。謝謝你在前進類角色嚮導

來源

2015-06-27 Mobeale

我們不知道你如何處理路由......我們無法幫你提供這麼少的信息。 –

道歉，應編輯:) – Mobeale

同時使用ngcookies，請看這裏：http://stackoverflow.com/questions/30964795/ng-model-with-cookie/30964872#30964872 – Sajal

爲了實現你的願望很容易，你可以創建一個保存用戶名稱的服務：

angular.module('angularQuizApp'). 
factory('StorageService',[ 
function(){ 

    var name = ""; 

    var _setName = function(name){ 
     name = name; 
    }: 

    var _getName = function(){ 
     return name; 
    }; 

    return { 
     setName : _setName, 
     getName : _getName, 
    } 



}]);

然後在你的控制器，請從服務正確的方法：

angular.module('angularQuizApp'). 
controller('MyController', ['$scope', 'StorageService', 
    function($scope, StorageService) { 
    $scope.name = StorageService.getName(); // or setName(name_value) 
}]);

通過這種方式，這項服務通過你的角度應用程序保持用戶的名字。在這項服務中，你可以保存任何你想要的。但是，如果您退出應用程序，此對象/名稱將被銷燬。

如果你想保留的對象persistantly，看看角存儲：https://github.com/grevory/angular-local-storage

編輯

這裏是一個功能性的應用程序，我提出： http://plnkr.co/edit/7ZzBYnKmV1xflzi81YQc?p=preview

來源

2015-06-27 12:16:08 Romf7890

完美。謝謝。 – Mobeale

您也可以將這種重要的值存儲到$ rootScope中。 –

不幸的是無法得到這個工作，夥計:( 雙向綁定工作正常，但它沒有保存價值到下一頁 – Mobeale

角度雙向數據綁定問候

回答

相關問題