javascript - 如何在onsen ui的pushpage方法中传递多个值

Question

你好，我是 angulajs 和 javasript 的新手，我正在做一个在 onsen ui 的 pushpage 函数中传递值的演示。我已经成功地在推送页面中仅传递了一个值，但是当我尝试传递两个值时它没有传递，所以任何人都可以帮助我解决这个问题，我已尝试如下:

( Controller 内部)

var Content = ' ';
            var resid = ' ';
            var catname = ' '
           var options, 
         elem,
         obj = {};  


            for (i = 0 ; i< data ['Details'].length ; i++)
            { 
               resid=  + data['Details'][i]['intGlCode'] ;
                 catname   = data['Details'][i]['varName'];      

obj['params'] = resid;
obj['params1'] =  catname;
options = JSON.stringify(obj);
console.log(options);
elem = "<li class='list__item list__item--chevron' onclick=gallery.pushPage('list-page.html', "+options+");>"; 
console.log(elem);
                if (Content === ' ')
                {
                    //{params:'+resid+',params1 : '+catname+'}

                    Content =elem+
//    '<li class="list__item list__item--chevron" onclick=gallery.pushPage("list-page.html", { params: '+resid+' });>'+

 '<ons-icon class="ons-icon ons-icon--ion ion-android-restaurant fa-lg" fixed-width="true" icon='+data['Details'][i]['varIcon']+'>'+'</ons-icon>'

Answer 1

您需要创建 pushPage() 参数对象首先使用括号表示法，允许您注入(inject)属性值。氧创建对象后，您可以将其解析为与 Controller 中的字符串连接的字符串。下面演示了这一点

var options, 
    elem,
    obj = {},     
    resid = 'foo',
    catname = 'bar';
obj['params'] = resid;
obj['params1'] =  catname;
options = JSON.stringify(obj);
console.log(options);
elem = "<li class='list__item list__item--chevron' onclick=gallery.pushPage('list-page.html', "+options+");>";
console.log(elem); /* prints <li class='list__item list__item--chevron' onclick=gallery.pushPage('list-page.html', {"params":"foo","params1":"bar"});> */

查看下面的演示。

var options, 
    elem,
    obj = {},     
    resid = 'foo',
    catname = 'bar';
obj['params'] = resid;
obj['params1'] =  catname;
options = JSON.stringify(obj);
console.log(options);
elem = "<li class='list__item list__item--chevron' onclick=gallery.pushPage('list-page.html', "+options+");>";

pre.innerHTML = elem;

<pre id="pre"></pre>