Angular JS将许多变量md-autocomplete传递给另一个页面

Angular JS passing many variable md-autocomplete to another page

本文关键字：另一个 md-autocomplete JS 许多 变量 Angular      更新时间：2023-09-26

我一个月前才开始学习angular JS。发现了一些困难。我有以下活塞http://plnkr.co/edit/nsu6Pj?p=info

<input id="tags" ng-keyup="complete()" ng-model="data"/>
  selected = {{data}}

可以看到，有一个可用标记的列表。我想通过单击按钮将index.html页面中的选定值传递给next.html页面。

实际上我想传递的不仅仅是一个参数。就像角材质的自动补全一样。以下是图像示例，我想传递的参数

我希望你们能帮助我:)谢谢。

如果你要传递多个值，你可以选择在数组或对象中保存你的值。我个人会设置完整的函数来将值压入数组。

现在，至于交换数据-您有三个选项，我能想到的:

  1. 创建一个允许控制器相互通信的服务。然后，你可以使用该服务在一个控制器中设置一个变量(保存你的标签)，然后在另一个控制器中使用相同的服务来获取该值。

  2. 用$rootScope在一个控制器中广播一个事件。$broadcast，然后用$rootScope.$on

    3. 监听事件

  3. 使用angular的$cookieStore将数据保存到浏览器的cookie中。

现在你的东西实际上是设置的方式，你在每个页面实例化一个新的模块和控制器，所以选项1和2是出来的。下面是我如何设置保存cookie中的值。

相关文章：