在离子中传递参数

时间:2016-10-11 07:30:16

标签: angularjs ionic-framework

使用离子第一视图包含输入类型编号

的托盘来制作数字生成器
<ion-view view-title="Home View"> 
<ion-content class="padding">
<label class="item item-input">
<span class="input-label">number</span>
 <input type="number" ng-model="num">
</label>

      <button ui-sref="page2" class="button button-block button-positive" >
      View List
    </button>
    </ion-content>
     </ion-view>

和第二页列出了用户输入的从0到数字的数字

<ion-view view-title="list view">
<ion-content class="padding">

<h1>{{number}}</h1>

<button ui-sref="page1" class="button button-block button-positive" >
      GO TO HOME
 </button>
 </ion-content>
 </ion-view>

这是controllers.js

.controller('page1', function($scope, $rootScope) {

 $rootScope.num="";

  })

  .controller('page2', function($scope, $rootScope, $stateParams) {

   var number= $stateParams.page2;

    $scope.n=number;



    });

如何将第1页中的数字传递给第2页,并从第0个数字

创建列表

1 个答案:

答案 0 :(得分:0)

我回答了here一个像你这样的问题,通过网页传递参数。

检查一下!