ボタンをクリックして他のボタンをクリックする方法はIonic V1でクリックしますか？

Question

<div class="row rowpesquisa"> 
     <div class="col col-100 colpesquisatop"> 
     <div class="col col-25"> 
      <button class="button button-icon buttonsearch" ng-model="butpontoenc" ng-click="butpontoenc.clicked=!butpontoenc.clicked" ng-class="!butpontoenc.clicked?'button-tueddin':'button-tueddin'"> 
       <img src="img/pesquisar/iconePontoDeEncontro@1x.svg" ng-show="!butpontoenc.clicked"> 
       <img src="img/pesquisar/iconePontoDeEncontroverde.svg" ng-show="butpontoenc.clicked"> 
      </button> 
     </div> 
     <div class="col col-25"> 
      <button class="button button-icon buttonsearch" ng-model="butpessoas" ng-click="butpessoas.clicked=!butpessoas.clicked" ng-class="!butpessoas.clicked?'button-tueddin':'button-tueddin'"> 
       <img src="img/pesquisar/iconePessoas@1x.svg" ng-show="!butpessoas.clicked"> 
       <img src="img/pesquisar/iconePessoasverde.svg" ng-show="butpessoas.clicked"> 
      </button> 
     </div> 
     <div class="col col-25"> 
      <button class="button button-icon buttonsearch" ng-model="butpontotur" ng-click="butpontotur.clicked=!butpontotur.clicked" ng-class="!butpontotur.clicked?'button-tueddin':'button-tueddin'"> 
       <img src="img/pesquisar/iconePontosTuristicos@1x.svg" ng-show="!butpontotur.clicked"> 
       <img src="img/pesquisar/iconePontosTuristicosverde.svg" ng-show="butpontotur.clicked"> 
      </button> 
     </div> 
     <div class="col col-25"> 
      <button class="button button-icon buttonsearch" ng-model="butlocais" ng-click="butlocais.clicked=!butlocais.clicked" ng-class="!butlocais.clicked?'button-tueddin':'button-tueddin'"> 
       <img src="img/pesquisar/iconeLocais@1x.svg" ng-show="!butlocais.clicked"> 
       <img src="img/pesquisar/iconeLocaisverde.svg" ng-show="butlocais.clicked"> 
      </button> 
     </div> 
     </div> 
    </div> 

これは私のコードです。検索ページで、フィルタのように4つのボタンをクリックできます。しかし、彼らが今働く方法は、フィルターをお互いに要約することです。単独で表示されるように各フィルタを選択する必要があります。そしてそのためには、私はボタンをクリックする必要があります！他のボタンがクリックされたときにクリックされた...どうすればいいですか？

ありがとう

Answer 1

これらはラジオボタンのように機能しますか？

簡単な解決策は、ので、あなたの最初のものは、このようになりますクリックし、各falseにそれらを設定することです：

ng-click="butpontoenc.clicked = true; butpessoas.clicked = false; butpontotur.clicked = false; butlocais.clicked = false;" 

あなたは各ボタンの上に、これを複製するか、取るコントローラ上のメソッドを作成する必要がありますあなたが設定したいボタンの中でループし、それに応じてそれぞれを設定します。