передать значение из одного ons-шаблона в другой с помощью углового js [Onsen UI]

Question

Я хочу, чтобы некоторые значения из одного ons-шаблона в другой, я попытался отправить значения из шаблона ons-template в контроллер и вернуться к другому шаблону ons от контроллера, но есть ли способ получить значения непосредственно из одного ons-шаблона в другой, не вызывая контроллер? Ниже мой код.

sendmoney.html

<ons-template id="sendmoney.html"> 
     <ons-page modifier="shop-details" class='page_bg'> 
      <ons-toolbar style="background-color: #16A500;"> 
       <div class="left"> 
        <ons-toolbar-button ng-click="menu.openMenu();"> 
         <ons-icon icon="ion-navicon" size="28px" fixed-width="false"></ons-icon> 
        </ons-toolbar-button> 
       </div> 
       <div class="center">Send Money</div> 
       <div class="right"> 
        <ons-toolbar-button onclick="doContactPicker()"> 
         <ons-icon icon="ion-plus" size="28px" fixed-width="false"></ons-icon> 
        </ons-toolbar-button> 
       </div> 
      </ons-toolbar>           
      <div ng-controller="getUserContacts"> 
      <ons-list-header>Select Contact</ons-list-header> 
      <ons-list style="margin: -1px 0"> 
       <div ng-show="loading" class="loading"><img src="img/loading.gif" height="50px" width="50px"></div> 
       <ons-list-item modifier="chevron" class="list-item" ng-repeat="x in contacts track by $index" style="margin-left: 10px;" ng-click="page.pushPage('sendmoney2.html', {animation: 'slide'});">      
        <ons-row>       
         <ons-col width="52px" style="padding: 10px 0 0 0;"> 
          <img src="img/red.png" height="42px" width="42px"/> 
         </ons-col> 
         <ons-col> 
          <header> 
           <span class="item-title">{{x.name}}</span>          
          </header> 
          <p class="swipe-item-desc">{{x.phone}}</p> 
         </ons-col>        
        </ons-row>      
       </ons-list-item> 
      </ons-list> 
      </div> 
     </ons-page> 
    </ons-template> 

Я хочу {{x.name}} и {{x.phone}} в sendmoney2.html шаблоне

sendmoney2.html

<ons-template id="sendmoney2.html"> 
    <ons-page modifier="shop-details" class='page_bg'> 
     <ons-toolbar style="background-color: #16A500;"> 
      <div class="left"> 
       <ons-toolbar-button ng-click="menu.openMenu();"> 
        <ons-icon icon="ion-navicon" size="28px" fixed-width="false"></ons-icon> 
       </ons-toolbar-button> 
      </div> 
      <div class="center">Send Money</div>     
     </ons-toolbar> 
    </ons-page> 
</ons-template 

Answer 1

Я не знаю, Угловое очень хорошо, но в простом JS, вы просто устанавливаете глобальную переменную, чтобы обойти это. Я думаю о дизайне приложения как о одной большой веб-странице. Это часто помогает мне решать мои проблемы. Поэтому просто определите их в верхней части вашего скрипта:

var vName = ''; 
var vPhone = ''; 

Затем установите их в событиях, это должно сработать.