Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Framework7在页面之间以参数形式传递对象_Javascript_Html Framework 7 - Fatal编程技术网

Javascript Framework7在页面之间以参数形式传递对象

Javascript Framework7在页面之间以参数形式传递对象,javascript,html-framework-7,Javascript,Html Framework 7,如何在Framework7中的页面之间发送数组对象?我可以发送变量值,但无法理解如何发送对象 我有一个像这样的数组对象 "phoneNumbers": [{ "number": "(555) 564-8583", "normalizedNumber": "(555) 564-8583", "type": "MOBILE" }, { "number": "(415) 555-3695", "normal

如何在Framework7中的页面之间发送数组对象?我可以发送变量值,但无法理解如何发送对象

我有一个像这样的数组对象

    "phoneNumbers": [{
        "number": "(555) 564-8583",
        "normalizedNumber": "(555) 564-8583",
        "type": "MOBILE"
    }, {
        "number": "(415) 555-3695",
        "normalizedNumber": "(415) 555-3695",
        "type": "OTHER"
    }]
In route.js

  {
    path: '/contact/:id/:phoneNumbers/',
    componentUrl: './pages/contact.html',
  },
index.html

<a href="/contact/{{this.id}}/{{this.phoneNumbers}}/"></a>
我想知道是否可以使用Framework7的路由器发送对象


我采用的另一种方法是使用
localStorage
,但Framework7中是否有一种方法可以在页面之间发送对象,而不仅仅是变量?

这取决于您的用例的具体情况,但通常我会将要传递给应用程序的数据放在javascript
窗口中,使其成为全局数据。在用户输入的后续页面上,您的代码将可以使用它。它比使用本地存储更有效

window.phoneNumbers = [{
        "number": "(555) 564-8583",
        "normalizedNumber": "(555) 564-8583",
        "type": "MOBILE"
    }, {
        "number": "(415) 555-3695",
        "normalizedNumber": "(415) 555-3695",
        "type": "OTHER"
    }]

我也很感兴趣,我喜欢这个案例,我通过上下文来解决它,参数的依赖性我创建了传递给页面的上下文。也是一个本地存储,它是我们的解决方案之一,解决方案之一是在param中以字符串形式发送对象,并在目标页面中解析它。(通过使用自定义帮助程序或init进程…通过
通过上下文解析它
你的意思是抽象对象中的键并发送其值?这是可能的,但某些对象可能太大。我的意思是F7上下文,每个页面都有一个数据上下文可以传递到页面…因此我设置了trigger js并使用上下文选项导航…(上下文)还有这个
(路由器.导航(url,选项))
-路由器,导航解决您的问题确定。。。
"1"
"[object Object],[object Object]"
window.phoneNumbers = [{
        "number": "(555) 564-8583",
        "normalizedNumber": "(555) 564-8583",
        "type": "MOBILE"
    }, {
        "number": "(415) 555-3695",
        "normalizedNumber": "(415) 555-3695",
        "type": "OTHER"
    }]