【问题标题】:ng-click in repeat tr, how to make it to go to the desired page?ng-click in repeat tr,如何使它转到所需的页面?
【发布时间】:2017-08-09 17:42:41
【问题描述】:

这是我的重复表:

<tr ng-repeat="expenses in vm.expense | orderBy:'days'" 
     class="start-text" ng-click="location.path('/expense/{{expenses._id}}')">

我希望它转到/expense/1234,但当我点击时它什么也不做

我也有这个按钮:

<a ui-sref="expense/new">
    <button class="start-expense-btn start-button" 
            style="width:120px;">NEW EXPENSE</button>
</a>

而且那个工作完美,使用参数 new 转到/expense/

那么我如何让ui-sref 进入ng-click(如果这是我必须做的)。

【问题讨论】:

  • 在重复表中使用 ui-sref 而不是 ng-click
  • 你真的可以做到吗?? - 我马上试试
  • 不,完全没有效果

标签: angularjs angularjs-ng-click ui-sref


【解决方案1】:

在控制器内部有一个函数,

$scope.changeLocation = function(expense){
   var pathtoNavigate = "/expense/"+ expense.id;
   $location.path(pathtoNavigate);
}

并在 ng-click 函数中传递费用,

 ng-click="changeLocation(expenses)"

【讨论】:

  • 是的,这可能是唯一的方法(或者至少是正确的方法,呵呵)
  • 由于我必须在很多地方使用它,我正在尝试这样做:ng-click="vm.changeLocations('expense/' + {{expenses._id}})" 但是链接将是http://localhost:8080/expense/%7B%7Bexpenses._id%7D%7D - 这里有什么想法吗?
  • 没关系 - 我是个白痴 - 不需要 {{}} 原因哈哈
猜你喜欢
  • 2014-05-01
  • 2015-05-19
  • 2013-11-23
  • 1970-01-01
  • 1970-01-01
  • 2017-09-14
  • 2013-06-24
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多