Question

hy伙伴，在一个离子项目中，我制作了一个离子列表离子项和这些离子选项按钮：

  <ion-item ng-repeat="(id,place) in places" >

    <h2>{{place.name}}</h2>

    <ion-option-button class="button-positive" href="#/tab/place/{{id}}">
      edit
    </ion-option-button>
  </ion-item>

但是href =＆＃34; ...＆＃34;不工作

感谢您的帮助

Answer 1

在angularJS中，使用href的正确方法是

<a ng-href="#/tab/place/{{id}}"></a>

ng-href Doc

希望有所帮助：）

Answer 2

尝试使用此

<h2>{{place.name}}</h2>

<ion-option-button class="button-positive">
 <a href="#/tab/place/{{id}}">
  edit
 </a> 
</ion-option-button>

Answer 3

我解决了这个问题：

模板：

<ion-option-button class="button-positive" ng-click="goTo('edit-place',{'placeId':id})">

控制器：

$scope.goTo=function (state,params) {
    $state.go(state,params);
 }

Answer 4

Href属性应该与锚标签一起使用。您可以尝试使用锚标记包装ion-option-button或使用onClick等事件来使用javascript代码进行导航。

Answer 5

由于您使用的是ui-router，因此您不需要使用goTo功能。只需使用ui-sref加载动态状态即可。我也会尽量不使用＆＃34; - ＆＃34;在州名（editPlace）。

<ion-option-button class="button-positive" ui-sref="edit-place({placeId:id})">edit</ion-option-button>

Href在离子选项按钮中不起作用？

5 个答案: