如何使用angularjs或coffeescript在ng-click上重定向到另一个页面?

时间:2015-12-14 09:42:02

标签: javascript html angularjs coffeescript

我现在在angularjs和coffeescript中做一些任务。我有一个要求:我的html页面中有几个按钮,如:

<div>
    <button type="button" class="btn btn-default" ng-click="button1();">Button1</button>
    <button type="button" class="btn btn-default" ng-click="button2();">Button2</button>
</div>

如果我点击Button1,那么它应该重定向到另一个页面(例如:'/ test1.html'),类似地,如果我点击Button2,那么它应该重定向到另一个页面(如:'/ test2.html “)。 我怎么能在AngularJS / CoffeeScript中做到这一点?

如果我在我的coffeescript文件中,我收到以下错误:

app = angular.module('myApp', dependencies)
app.controller 'WizardController', [
  '$scope',
  ($scope) ->
  $scope.button1 = ->
    window.location = '/test1.html'
    return

    $scope.button2 = ->
    window.location = '/test2.html'
    return
  ]

但是它在return语句中给出了编译错误:编译错误:第103行上的解析错误:意外的'TERMINATOR'

1 个答案:

答案 0 :(得分:3)

您可以直接从HTML页面重定向:

<div>
  <button type="button" class="btn btn-default" ng-href="/test1.html">Button1</button>
  <button type="button" class="btn btn-default" ng-href="/test1.html">Button2</button>
</div>

或者在您的代码中,您应该删除&#39 ;;&#39;来自

  

纳克点击

如:

<div>
  <button type="button" class="btn btn-default" ng-click="button1()">Button1</button>
  <button type="button" class="btn btn-default" ng-click="button2()">Button2</button>
</div>

我还会检查你的咖啡因中的缩进,因为它往往有点模糊。

app = angular.module('myApp', dependencies)
app.controller 'WizardController', [ '$scope', '$location',
($scope, $location) ->
  $scope.button1 = ->
    $location.path('/test1.html')

  $scope.button2 = ->
    $location.path('/test2.html')
]