角度双向数据绑定问候

道歉可能是一个非常基本的问题。我正在做一个有角度的小演示测验项目。在第一页上，我有一个基本的双向数据绑定问候语（即您在一个框中输入您的名字，并欢迎用户，例如<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

角度双向数据绑定问候

回答

相关问题