Boole özniteliği ile bool özniteliği geçirme dizgisi yerine bool

Question

Kapsayıcının içindeki tüm giriş öğelerini devre dışı bırakacak bir yönerge oluşturmaya çalışıyorum, ancak öznitelikle ilgili sorun yaşıyorum. Bu benim yönergesi

Direktifi ne getirdim

angular.module('common') 
    .directive('bdDisabled', [function() { 
      return { 
       restrict: 'A', 
       scope: { 
        bdDisabled: '=' 
       }, 
       link: function (scope, element, attrs) { 
        attrs.$observe('bdDisabled', function(newValue, oldValue) { 
         if (newValue !== oldValue) { 
          if (newValue) { 
           element.find('input, select, button, submit, textarea').prop('disabled', 'disabled'); 
          } else { 
           element.find('input, select, button, submit, textarea').removeProp('disabled'); 
          } 

         } 
        }); 
       } 
      }; 
     } 
    ]); 

Bu onu kullanmak istiyorum nasıl olduğunu:

<div class="cg-content cg-shadow" bd-disabled="isLoading"> 

sorun özellik değeri dize olmasıdır isLoading ve değeri değil.

Köşeli parantezler halinde sarılır ve koparsa konsolda bir hata olur. Köşeli parantezler halinde sardım ve '=' yerine kapsamı değiştirirseniz, çalışır. Ama "true" veya "false" dizesini gönderir, boolean değerini değil.

Neredeler?

Answer 1

Açıklamada önerdiğim gibi, attrs.$observe'u scope.$watch ile değiştirirdim. Kişisel bir tercihte, bir dize yerine işlev ifadesini de kullanacağım, çünkü örneğin (veya kullanacağınız) yazı tiplerini kullanıyorsanız, özellik değiştiğinde bildirim alacaksınız; şudur: den size kapsamı tanımı değişti

scope.$watch(function() { 
     return scope.bdDisabled; 
     }, 
     function (newVal, oldVal) { 
      ... 
     } 
); 

Answer 2

'=' ile gözlemlemek zorunda değilsiniz. Ayrıntılar için aşağıdaki bağlantıya bakın. Dokümanlardan çok daha sağlam olduğuna inanıyorum.

What is the difference between '@' and '=' in directive scope in AngularJS?

Bildiğim kadarıyla kodunuzu giderse, ben bir boolean olduğundan emin olmak için isLoading değişkeni iki kez kontrol ederim.

Answer 3

"=" "@" için, sadece bir dize değil, İki Yönlü-Bind modu olarak geçmek istiyorum. Tabii, sizin gibi gerçekten true o dönüştürebilirsiniz:

var myBool = Boolean("false"); // === true

var myBool = Boolean("true"); // === true

Ama herhangi bir dize gibi true olarak düşünün çünkü buna dikkat:

var myBool = Boolean("foo"); // === true