我基本上有一个单选类型选择,但因为我希望它看起来更像一个选择网格,所以我选择制作一个输入类型按钮,并在单击时触发一个功能,但我有一个问题。 ng-model 不会将我单击的按钮的值绑定(bind)到 Controller 部分,而且我知道它作为单选按钮工作得很好。
解决这个问题最快的方法是什么?我假设有一种比重新定义单选按钮的 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
}
};
最佳答案
正如@georgeawg所说,使用ng-click。确保您的 Controller 上有这个:
$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>
关于javascript - AngularJS - ngmodel 和输入类型按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35006258/