AngularJS - кнопка ngmodel и тип ввода

Question

У меня есть выбор в основном для радиоприемника, но поскольку я хотел, чтобы он больше походил на сетку выбора, я решил вместо этого ввести кнопку типа ввода и вызвать функцию щелчка, но я иметь проблему. ng-model не привяжет значение кнопки, которую я нажал к части контроллера, и я знаю, что она работает нормально как радиокнопка.

Какой самый быстрый способ решить эту проблему? Я предполагаю, что есть более простой способ, чем переопределить css переключателя ... Тем более, что все это сделано, за исключением ссылки на значение при щелчке с самой переменной.

В разделе идет речь:

 <div class="aquipartners" id="aquipartnersID">    
      <input ng-repeat="partner in partners" align="center" type = 'button' class = "aquipartnernamebutton" id='aqui{{partner.name.PT}}' value='{{partner.name.PT}}' ng-model='newaquisubmission.part' onclick ='partnerselect()'> 
      </input> 
     </div> 

И на стороне JS:

function partnerselect(){ 


     var scopepartnerbutton = $('#subtitleid').scope().newaquisubmission.part; 

     alert(scopepartnerbutton); 

     if(scopepartnerbutton !== ""){ 

      //the stuff I want to do, I added the if as a safeguard while I program everything 
     } 

    }; 

Answer 1

, как @georgeawg сказал, использование нг-клик. убедитесь, что у вас есть это на контроллере:

$scope.partnerselect = partnerselect 

и PartnerSelect должен быть объявлен как это:

function partnerselect(value) { 
if($scope.newaquisubmission.part){ 
    $scope.newaquisubmission.part = value; //Assuming this is what you want to do.. 
}  
} 

На ваш взгляд:

<div class="aquipartners" id="aquipartnersID">    
     <input ng-repeat="partner in partners" align="center" type = 'button' class = "aquipartnernamebutton" id='aqui{{partner.name.PT}}' value='{{partner.name.PT}}' ng-click ="partnerselect(partner.name.PT)"> 
     </input> 
    </div>