2016-12-21 2 views
0

Мне нужно отобразить требуемое свойство (астерикс) в зависимости от выбранного значения переключателя. Как это можно достичь с помощью javascript?Обязательное свойство условного отображения на html

<p class="signatoryLabelAdditional" ng-class="{required:!currentQuoteQto.preferredBillingCity}" 
    translate>qrDetail.billingCity</p> <input type="text" class="signatoryInput" ng-model="currentQuoteQto.preferredBillingCity" 
              ng-change="modifyBillingInformation()" 
              maxlength="50" 
              name="billingCity" 
              ng-disabled="currentQuoteApproved() && currentQuoteQto.approvalLevel == null || billingCountryDisabled" 
              required> 
<p ng-show="additionalInformationForm.billingCity.$invalid && submitClicked" class="formError" style="clear: both; margin-left: 205px" translate>form.mandatory</p> 
+1

довольно просто с помощью 'нг-if' или 'нг-show' – charlietfl

ответ

0

Угловые опоры с использованием условной нг-требуется, когда вы передаете параметр, который определяется истинным или ложным:

<p class="signatoryLabelAdditional" ng-class="{required:!currentQuoteQto.preferredBillingCity}" 
    translate>qrDetail.billingCity</p> <input type="text" class="signatoryInput" ng-model="currentQuoteQto.preferredBillingCity" 
              ng-change="modifyBillingInformation()" 
              maxlength="50" 
              name="billingCity" 
              ng-disabled="currentQuoteApproved() && currentQuoteQto.approvalLevel == null || billingCountryDisabled" 
              ng-required="your_radio_button_value_here"> 
<p ng-show="additionalInformationForm.billingCity.$invalid && submitClicked" class="formError" style="clear: both; margin-left: 205px" translate>form.mandatory</p> 

Смотрите документацию здесь: https://docs.angularjs.org/api/ng/directive/ngRequired

Смежные вопросы