【问题标题】:Pass object to a new page将对象传递到新页面
【发布时间】:2016-09-07 06:03:02
【问题描述】:

我有一些正在 ng 重复的 json:

{
"title": "image title",
"description": "Lorem ipsum dolor sit amet, per ea ferri platonem voluptaria, ea eum ubique ornatus interpretaris. Dolore erroribus reprimique ex mea, mei soluta iisque cu, cu eam repudiare iracundia. Te cum populo molestie noluisse. Cu graece propriae eum, at qui erat oportere, ad wisi consequat persecuti pri. Ne usu partem discere, quas aliquam id cum. Tation numquam sensibus pri ne, his cibo noluisse scriptorem in.",
"imageUrl": "http://some.url.com",
"tags": "Apple, Orange, Banana, Pear, Grapes, Peach",
"owner": "some name",
"thumbnailUrl": "http://some.url.com"
},

在索引页面上,它只显示 thumbnailUrl,如果您单击图像,它应该将该对象传递给新的“页面”/模板并显示描述/作者等。

我尝试过使用各种示例,但似乎没有一个可以按我的意愿工作。很困惑,任何帮助都会很棒。

【问题讨论】:

  • 您是否考虑过/尝试过使用服务在不同页面之间共享数据?

标签: javascript angularjs angularjs-directive angularjs-scope angularjs-ng-repeat


【解决方案1】:

如果你使用某种路由器,你可以将这个对象传递给新页面,或者像code90所说的,你可以使用服务来维护页面之间的这些对象。

编辑:这是 ui-router 页面的链接

https://angular-ui.github.io/ui-router/site/#/api/ui.router

【讨论】:

  • 如果有帮助,我正在使用 ngRoute
  • 改用ui-router,功能更全。然后你可以在点击图片时使用 $state.go("stateNmae", param) ,其中 "stateName" 是你想要去的状态的名字,param 对象就是你想要传递的对象
  • 你没有碰巧有一个快速而肮脏的例子吗?对 Angular 来说还很陌生,我仍然对这一切有所了解。干杯。
  • 这个页面应该提供一些颜色:stackoverflow.com/questions/20632255/…
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-01-24
相关资源
最近更新 更多