创建动态链接并在刷新/重新加载后维护它们答案

【问题标题】：creating dynamic links and maintain them after refresh/reload创建动态链接并在刷新/重新加载后维护它们
【发布时间】：2016-03-31 11:37:09
【问题描述】：

我是 angularjs 的新手。这对你们来说可能是基本的。实际上，填写表单后，提交按钮必须创建一个新链接。我正在使用的问题

document.getElementById('myP').appendChild(newLink);

并在填写表单后创建一个链接。但是当我刷新页面时它消失了。当我刷新或加载页面时，它必须包含我之前创建的所有链接。有什么方法可以维护我的链接吗？

【问题讨论】：

您现在将链接存储在哪里？本地$scope?
这是我的代码：

Un peu de texte et un Lien

这是我的控制器：var newLink = document.createElement('a'); var newLinkText = document.createTextNode("Mon site"); newLink.id = 'sdz_link'; newLink.href = 'siteduzero.com'; newLink.title = 'Découvrez le Site du Zéro !'; newLink.setAttribute('tabindex', '10'); newLink.appendChild(newLinkText); document.getElementById('myP').appendChild(newLink);

【解决方案1】：

如果您需要保持链接，您需要将链接存储在页面以外的其他位置。有几个选项，this answer 解释说，但我的建议是使用localStorage 来保存链接列表。

【讨论】：

但之后我需要我的代码在每次点击 sabmit 按钮时生成按钮。而这个新按钮的 id 和 name 将是在表单中添加的 id 和 name 女巫。那么这个解决方案仍然适用于此吗？如果是这样，我该如何存储我的按钮？
应该的。你必须做一些研究来确定如何最好地存储你的数据（我要开始的地方是具有链接属性、id 和按钮名称的对象数组），但是 localStorage绝对是一个很好的存放位置。
thnx 很多@senschen 我会尝试这种方式。如果你有好的文档，那就太好了。

【解决方案2】：

在提交按钮上试试这个：

$state.go('.', null, {reload:true});

这将在相同状态下重新加载您的页面
使用 Angular Js 保存数据或提交数据

$scope.variable = {};
$scope.save = function (object) {
   Service.save(object, function () {
      $state.go('.', null, {'reload': true});
   });
};

【讨论】：