Question

我是AngularJs的新手。你能帮我解决以下问题。

我有复选框

<div class="checkbox">
<label>
  <input type="checkbox" ng-model="weekendPrice" id="weekendPriceCheck" name="weekendPriceCheck"> Special Weekend Price
</label>
<input type="text" ng-show="weekendPrice" id="weekendPrice" name="weekendPrice" class="form-control" placeholder="Weekend Price"  style="margin-top:20px;" value="{{ Request::old('weekendPrice') }}">

if('{{ Request::old('weekendPriceCheck') }}' == 'on') {
  $('#weekendPriceCheck').attr('ng-checked', 'true');
  $('#weekendPrice').show();
}

验证后，我可以通过{{ Request::old('weekendPrice') }}返回周末价格的值。

复选框我可以.attr('ng-checked','true')查看。

但是无法显示输入。当我使用.show by jquery时，它会隐藏起来。谢谢。

Answer 1

您可以使用ng-init

执行此操作

<input type="checkbox" ng-model="weekendPrice" id="weekendPriceCheck" ng-init='weekendPrice='{{ Request::old('weekendPriceCheck') == "on" ? "true": "false"; }}'

name="weekendPriceCheck">

AngularJs ng-show，ng-model，Laravel验证

1 个答案: