Javascript 通过单击按钮将参数传递给其他控制器

我在大学里申请了一个简单的城市课程。 为了完成这项任务，我让用户可以在三个城市中进行选择，并显示目前所有的免费自行车和空的城市自行车点。通过service.js，我包含了城市比克的api

我现在有两个视图（start.html和citybikes.html），我想在下拉菜单中选择三个城市中的一个，并通过单击按钮将其传递给citybikes.html-controller。 有什么简单的方法可以做到这一点吗

下面是start.html的主要代码部分：

<label class="item item-input item-select">
  <div class="input-label">
    Stadt auswählen
  </div>


  <select ng-model="choose.name">
    <option ng-repeat= "city in citystart"> {{city.CityName}}</option>
  </select>
</label>

<p> anzeige? {{choose.name}}</p>


<!--BUTTON-->
<a ng-if="choose.name"
  class="button button-block button-positive"
  ui-sref="tab.citybike({param1: choose.name})">
  CityBikes anzeigen
</a>

如果有人能帮助我，我将非常感激！：）

问候，

---

Thomas

您可以在状态参数中传递参数

路由：

  $stateProvider
  .state('tab.citybike', {
    url: '/citybike/:param1',
    views: {
      'tab-citybike': {
        templateUrl: 'templates/citybike.html',
        controller: 'CityBikeController'
      }
    },
    ...
  }

var param = $stateParams.param1; //get param1 value.

ui-sref="tab.citybike({param1: choose.name})"

控制器：

  $stateProvider
  .state('tab.citybike', {
    url: '/citybike/:param1',
    views: {
      'tab-citybike': {
        templateUrl: 'templates/citybike.html',
        controller: 'CityBikeController'
      }
    },
    ...
  }

var param = $stateParams.param1; //get param1 value.

ui-sref="tab.citybike({param1: choose.name})"

Html:

  $stateProvider
  .state('tab.citybike', {
    url: '/citybike/:param1',
    views: {
      'tab-citybike': {
        templateUrl: 'templates/citybike.html',
        controller: 'CityBikeController'
      }
    },
    ...
  }

var param = $stateParams.param1; //get param1 value.

ui-sref="tab.citybike({param1: choose.name})"

---

考虑创建<代码>组件< /代码>，并使用<代码>绑定> <代码>之间进行通信。这对我来说很好——但是有没有办法将它自动转换为字符串？“我想在那个阶段出了点问题。”托马斯盖贝茨伯格：你查过我的答案了吗？