我如何 link 一个网站的复选框

Question

我有以下代码：

<input type="checkbox" id="{{ day.name }}-{{ $index }}" ng-model="slot.booked" ng-disabled="slot.booked">
        <label for="{{ day.name }}-{{ $index }}">{{ slot.time }}<br>
          <span ng-if="slot.booked">Booked</span>
          <span ng-if="!slot.booked">Available</span>
        </label>

有什么方法可以让我在单击复选框时将用户带到另一个站点？

Answer 1

使用window.location.assign():

HTML

<input ... ng-click="onclick()">

JS 控制器

$scope.onclick = function() {
  window.location.assign("http://www.google.com")
};

Answer 2

另一个解决方案：

$scope.$watch('slot.booked', function(val){
    if(val){
       window.open('url', '_blank');
    }
});

Answer 3

另一种方法是使用 ngChange directive

<input type="checkbox" ng-model="confirmed" ng-change="change()" />

在控制器中：

 $scope.change = function() {
   //opens a new tab in browser
   window.open(' '_blank');
}

Working fiddle