Question

我创建了一个像这样的多按钮屏幕：

当我点击一个按钮时，它会有一个id和我在其路线上的id，我已经使用了list，但是通过参数I的几个按钮仍然不能。

我的问题是如何将该按钮ID传递给另一个屏幕。

Avisos.html

<ion-view view-title="Avisos">
  <ion-content style="background-color: #FF4500; background-size: cover;
     background-position: center;">
    <div class="row icon-row">
            <div class="col text-center">
              <button class="botao button button-positive" id="1">Icon</button>
              <br>mais informaçoes
            </div>
            <div class="col text-center">
              <button class="botao button button-positive" id="2">Icon</button>
              <br>Avisos
            </div>
            <div class="col text-center ">
              <button class="botao button button-positive" id="3">Icon</button>
              <br>Contato
            </div>
    </div>
  </ion-content>
</ion-view>

在那部分是我获得id的地方，我怎样才能在那部分获得所选按钮的id？并把它传递到side.id？

site.html

<ion-view view-title="Site">
  <ion-content>
    <ion-list>
      <ion-item ng-repeat="site in sites" href="#/app/conteudoDoSite/{{site.id}}">
        <span ng-bind-html="site.title"></span><span class="badge badge-assertive">{{site.post_count}}</span>
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

如何使用ionic1和angular1将参数传递到另一个屏幕？有谁能够帮我？我想要做的是，当用户点击其中一个按钮时，会传递id。

Answer 1

我建议在这种情况下使用ui-sref而不是href，因为它允许您使用状态而不是路径，并且还允许您将变量传递到下一个视图。这是一个例子：

<ion-item ng-repeat="site in sites" href="app.conteudoDoSite({id: site.id})">

您还需要确保将尝试传递变量的状态配置为接收参数。看起来像这样：

.state('app.conteudoDoSite', {
  url: '/conteudoDoSite/:id',
  templateUrl: '/* Fill in */',
  controller: '/* Fill in */'
 })

我试图通过查看您的代码来猜测状态，但在复制示例之前请确保它是正确的。

如何使用离子1和角度1将参数传递到另一个屏幕？

1 个答案: