Question

道歉可能是一个非常基本的问题。我用角度做了一个小小的演示测验项目。在第一页上，我有一个基本的双向数据绑定问候语（即您在一个框中输入您的名字，它欢迎用户，例如Top-level control cannot be added to a control

如何保存输入的名称并将此欢迎传送到下一页/模板？这是代码

String address = "1,1,87 gandhi road,600005";

String[] stringArray = address.split(",");

for(String str : stringArray)
{
    // Do something with str.
}

这是我的路线

<p> Welcome {{name}} </p>

我开始使用自制角度脚手架，所以改变了很少的代码。提前谢谢你有点角向导

Answer 1

为了轻松实现您的目标，您可以创建一个保留用户名的服务：

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)
}]);

通过这种方式，此服务通过您的角度应用程序保留用户的名称。在此服务中，您可以保存您想要的任何内容。但是如果退出应用程序，这个对象/名称将被销毁。

如果您想要持久保留对象，请查看角度存储：https://github.com/grevory/angular-local-storage

修改

这是我制作的功能应用： http://plnkr.co/edit/7ZzBYnKmV1xflzi81YQc?p=preview

Angular双向数据绑定问候语

1 个答案: