gpt4 book ai didi

javascript - AngularJS:通过单击外部元素选择单选按钮

转载 作者:搜寻专家 更新时间:2023-11-01 05:00:59 24 4
gpt4 key购买 nike

我在 angularjs 应用程序中有以下代码:

    <div class="radio input-group-addon">
<label>
<input type="radio" name="radio1" value="foobar" ng-model="myModel" />
my label
</span>
</div>

外层 div 为 100%,带有背景色。现在我希望能够使整个区域(整个 div 容器)可点击。我在 div 上使用 ng-click 处理程序进行了尝试,如下所示:

    <div class="radio input-group-addon" ng-click="selectRadio($event)">
<label>
<input type="radio" name="radio1" value="foobar" ng-model="myModel" />
my label
</span>
</div>

selectRadio($event) 方法如下所示:

$scope.selectRadio = function($event) {
var radio = $(event.currentTarget).find("input[type='radio']");
radio.prop("checked", true);
radio.trigger("change");
}

不幸的是,这不会触发 myModel 的更改。有没有办法触发“模型绑定(bind)更改”事件(不知道描述这个的正确术语)来更新我的单选按钮的模型?

此外,我想知道是否有更 Angular 方式来实现这一点?

最佳答案

像这样应该可以解决:

<div class="radio input-group-addon" ng-click="myModel = 'foobar'">
<label>
<input type="radio" name="radio1" value="foobar" ng-model="myModel" />
my label
</label>
</div>

关于javascript - AngularJS:通过单击外部元素选择单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22479786/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com