html输入类型无线电检查不适用于ng-model

时间:2018-01-04 10:14:51

标签: javascript html angularjs

我想在html中预先选择我的无线电输入。我写的时候工作正常:

tmp <- dat[.(id1 = id1, timeminus2 = time - 2, timeplus2 = time + 2), 
             .(val = sum(num)),
             on = .(id2 = id1, time >= timeminus2, time <= timeplus2),
             by = .EACHI
         ][is.na(val), val := 0][]
dat[, val := tmp$val][]
#     id1 id2 num time val
# 1:   2   5   9   10   6
# 2:   4   3   7   10   0
# 3:   3   4   7    7  10
# 4:   5   3  10    8   9
# 5:   5   1   7    1   2
# 6:   1   5   8    5   6
# 7:   3   2   6    8  17
# 8:   5   1   6    3  10
# 9:   3   2   3    4   0
#10:   3   5   2    3   0

但是只要我添加了我的ng-model以便与我的javaScript交互,那么选中的Option就不用了

<input type="radio" name="trackingOption" id="trackingOption" value="1"> Yes
<input type="radio" name="trackingOption" id="trackingOption" value="0" checked=""> No

任何人都知道为什么“检查”不再适用于ng-model?!

3 个答案:

答案 0 :(得分:0)

你指定值= 0这就是检查失败的原因,所以不要像那样分配

答案 1 :(得分:0)

解决方案是插入一个ng-init表达式,说明哪个ng-model具有ng-value

<div ng-init="tracking=0">
     <input type="radio" name="trackingOption" ng-model="tracking" ng-value="1" id="trackingOption" value="1"> Yes
     <input type="radio" name="trackingOption" ng-model="tracking" ng-value="0" id="trackingOption" value="0" checked=""> No
</div>

答案 2 :(得分:0)

您应该能够与您的模型互动:

<input type="radio" name="trackingOption" ng-model="tracking" id="trackingOption" value="0"> No

<input type="radio" name="trackingOption" ng-model="tracking" id="trackingOption2" value="1"> Yes

The value is: {{tracking}}

每次单击其他输入时,都会看到跟踪的值会更新。 然后你需要在你的指令中使用这个部分:

scope.$watch('tracking', (newValue, oldValue) => { //doyourstuffhere } )

这是你想要的吗?