ng-click上的离子无线电取消选中不起作用

时间:2016-03-06 19:18:55

标签: javascript angularjs ionic-framework

我正在使用离子框架来构建我的应用程序,我需要在单击ion-radio标记时取消选中input按钮,我试图在此ionic play link中执行此操作,但没有成功

HTML

  <ion-content class="padding">
    <label class="item item-input">
      <div class="input-label">
        <i class="ion ion-search"></i>
      </div>
      <input ng-click="uncheck($event)" type="text" ng-model="foodfilter" class="">
    </label>
    <ion-radio ng-model="filter.typefilter" ng-value="'A'">Choose A</ion-radio>
    <ion-radio ng-model="filter.typefilter" ng-value="'B'">Choose B</ion-radio>
    <ion-radio ng-model="filter.typefilter" ng-value="'C'">Choose C</ion-radio>
  </ion-content>

JS

$scope.uncheck = function (event) {
 if ($scope.filter.typefilter == event.target.value) $scope.filter.typefilter = false
}

ionic play link

1 个答案:

答案 0 :(得分:1)

您将要在输入标签上使用ng-click。

ol.layer.VectorTile

filter.typeFilter的值是一个字符串,因此您需要使用值而不是ng-value

<input ng-click="uncheck($event)" type="text" ng-model="foodfilter" class="">

此外,为了清除您想要将ng-model的值设置为空字符串的单选框。

<ion-radio ng-model="filter.typeFilter" value="A">Choose A</ion-radio>
<ion-radio ng-model="filter.typeFilter" value="B">Choose B</ion-radio>
<ion-radio ng-model="filter.typeFilter" value="C">Choose C</ion-radio>