6
<div ng-repeat="x in spaceutilization"> 
    <input type="checkbox" name="{{x.filenumber}}" id="{{x.id}}" class = "pdffiles" value="101SP{{x.initials}}.dwg" /><label for="{{x.id}}"><button type = "button" class = "btn btn-primary btn-sm hidden-sm hidden-xs"> PDF</button></label><br /> 
</div> 

Bu snippet'e, {{x.status}} gibi başka bir AngularJS girdisini temel alarak giriş onay kutusunu devre dışı bırakan bir şey ekleyebilmem gerekir. Ben sadece yapıyor çalıştı: ben niye hiç anlamıyorum giriş öğesinin ... içindeOnay kutumu AngularJS girişinden nasıl devre dışı bırakabilirim?

{{x.status}}="" 

bir çıktı veren status:'disabled' ama

<input type="checkbox" name="{{x.filenumber}}" id="{{x.id}}" class = "pdffiles" value="101SP{{x.initials}}.dwg" {{x.status}} /> 

. Ama en basit yol gibi görünüyordu.

+1

'u kullanabilirsiniz. html etiketinize Interpolation yöntemini kullanarak öznitelikleri dinamik olarak eklemeyin. Sizin durumunuzda, sadece "ng-disabled =" x.status "' –

cevap

10

Sen kullanabilirsiniz daha iyi özellik için o element.Also için engelli özelliğini eklemek ifade değerlendirme değerinin temel üzerinde, ng-disabled="expression" direktifini kullanmayı değerlendirmeyi değerlerin gerek ng-attr direktif

Biçimlendirme

<input type="checkbox" ng-attr-name="{{x.filenumber}}" ng-attr-id="{{x.id}}" class ="pdffiles" 
value="101SP{{x.initials}}.dwg" ng-disabled="x.status == 'disabled'"/> 

x.status, bool değeri yazıyorsa, doğrudan ng-disabled="{{x.status}}"

+0

{{x.status}} == 'disabled' komutunu kullanabilirsiniz? Ayrıca, durum ne kadar eşittir? Ne yapmalıyım, onay kutusu devre dışı değil mi? – Christine268

+0

@Rahil Wazir'in yukarıdaki yorumunu kullanarak, ng-disabled = "{{x.status}}" durumu neredeyim: 'true' veya status: 'false " – Christine268

+1

@ Christine268 hey' ng-disabled' ile enterpolasyon kullanmayın yönerge, 'ng-disabled' yönergesinin kapsam değişkenlerini değerlendirmek için yeterince olgun, 'ng-disabled = "x.status" olmalıdır, eğer x.status' ise –

İlgili konular