Angular中的按钮中有条件地改变链接

Question

我试图找出一种简单的方法来交换角度js中的按钮中的链接,我在可以使用的范围内有可用的属性,但我不确定如何实现.我试图改变的链接是在按钮的'onClick'属性中.再次感谢,这是我的代码:

<div class="instructions-button">
      <button
      type="button"
      class="halo-modal-action-button external-instructions"
      onClick="window.open('https://mysite/foo');"
      window="new"
      ng-disabled=""
      ng-click=""
      data-bs-enabled=""
      >Instructions</button>
    </div>

我试图做一个简单的条件来显示:

'mysite/foo || mysite/bar' 

但我不确定如何使它工作.

Answer 1

不要onClick在按钮上使用事件,虽然它可能让你觉得很奇怪,因为你来自香草JS,你应该使用ng-click.

<button
      class="halo-modal-action-button external-instructions"
      ng-disabled=""
      ng-click="openWindow()"
      data-bs-enabled=""
      >Instructions</button>

和内部控制器

$scope.openWindow = function(){
    if ( condition ) {
        open('http:foo.bar')
    } else {
        open('http:bar.foo')
    }
}