2015-09-28 5 views
2

Привет, я новичок в onsenUI и угловой js, я нашел функцию «pushpage» для перехода на другую страницу, но я искал с двух дней, как передать значение на другую страницу, пожалуйста, помогите мне, чтобы выяснить это, как я потратил 2 дня в этом .. :(мой кодкак передать значение другой странице, используя onsen UI

     Content = 
           '<ons-button onclick=gallery.pushPage("dishes.html");>' 
    +data['Details'][i]['varName'] + data['Details'][i]['intGlCode'] +'<br>'+ 
    '</ons-button>'; 
        } 

ответ

3

Вы можете передать значение в аргументе параметров вызова pushPage. Например:

nav.pushPage('page.html', {value: 10}); 

Вы можете получить значение, выполнив:

console.log(nav.getCurrentPage().options.value); 

Это не ясно из вашего вопроса, если вы используете AngularJS или некоторые другие рамки для вашего приложения. Если вы используете AngularJS, вы можете получить значение в контроллере вашей нажатой страницы.

У вас есть шаблон или страницу, как это:

<ons-template id="page.html"> 
    <ons-page ng-controller="PageController"> 
    ... 
    </ons-page> 
</ons-template> 

И в вашем контроллере вы можете сделать так:

module.controller('PageController', function($scope) { 
    console.log($scope.nav.getCurrentPage().options); 
}); 

Если вы не используете AngularJS вы можете получить значение по ожидая события 'pageinit'. Я буду использовать JQuery в качестве примера:

HTML:

<ons-page id="page"> 
    ... 
</ons-page> 

JavaScript:

$(document).on('pageinit', '#page', function() { 
    // Do something. 
}); 
+0

Привет спасибо за помощь, да я использую угловые JS в моем приложении, один вопрос что только один «ons-navigator» требует передать эти значения? и он должен быть на странице «index.html» или на всех html-страницах, требуемых «ons-navigator»? –

+1

Да, обычно вам нужен только один навигатор для вашего приложения, в некоторых редких случаях вам может понадобиться больше, если ваше приложение очень сложно. –

+0

Итак, сэр, после установки «ons-navogator» на index.html и удаления со всех других страниц он выдает сообщение об ошибке «Не удалось получить элемент PageView из элемента ons-page». Так вы можете рассказать мне, почему это происходит? –

0

Вы можете использовать глобальную переменную, как в одном приложении страницы!

Смежные вопросы