2016-04-13 13 views
0

Herhangi bir tarayıcı eklentisi olmadan {{expression}} gibi bir AngularJS bağlayıcısında nasıl hata ayıklanır? Firebug hariç herhangi bir tarayıcı dev aracı eklentisini kullanamıyorum. Yani, ciltleme ifadesinin gerçekten denetleyicimden bir değeri olup olmadığını kontrol etmek istiyorum. Bunu nasıl kontrol ederim?Herhangi bir tarayıcı eklentisi olmadan AngularJS bağlayıcısını {{expression}} nasıl hata ayıklayabilirim?

<a href="{{myUrl}}" target="_blank">Google</a> 

benim sorum şablonunda

(function() { 
    var app= angular.module("myApp"); 
    var appCtrl = function($scope,$rootScope,$window,$miscService) 
     { 
      $scope.myUrl = "http://www.google.com"; 
      } 

, bu HTML içinde benim angularjs ifadenin değerini hata ayıklamak mümkün mü?

+0

Neden diğer dev araçları kullanamıyorum? Her tarayıcının dev araçlara sahip olduğunu unutmayın. –

+0

@SebastianZartner Teşekkürler. Ancak, aynı ifadeyi, dev araçlarıyla ayıklayamayız. – user6131488

+0

Sadece AngularJS hata ayıklama yardımcı olabilecek bazı olabilir (örneğin [FireAngular] (https://github.com/firebug/fireangular) gibi), sadece sizin soru içindeki eklentileri ve dev araçları hariç demektir . –

cevap

0

Burada bir DEMO var

value of href = {{myUrl}} 

= burada Filtre olarak ve Açısal iç kullanılır.

Bunu okuyabilirsiniz: https://stackoverflow.com/a/27424876/861206

+0

"yazmanız yeterlidir. Teşekkür ederiz. Ancak, aynı ifadeyi, dev araçlarıyla ayıklayamayız. – user6131488

+0

http://plnkr.co/edit/RFufnxbdeWmG7Tr5ZGnA?p=preview, Değerinizi konsola kaydedebilir veya değerinizi konsol aracınızın içine yazdırabilmek için Angular'dan $ log kullanabilirsiniz. – rbinsztock

0

sadece html <pre>{{myurl}}</pre> yazdırmak veya kodlarını incelemek ve kaynak arşivine kesme noktaları eklemeyi deneyin, bu nedenle yerel debugger'lar

ben şimdi çalışıyor keman eddited kodda durur, açısal gömmek doğru değildi https

+0

Teşekkür ederiz. Ancak, aynı ifadeyi, dev araçlarıyla ayıklayamayız. – user6131488

+0

şimdi keman güncelledi – archer247

+0

var app = angular.module ("myApp") gibi konsol.log yapabilirsiniz dev araçları ile çalışır; var appCtrl = işlev ($ kapsam, $ rootScope, $ pencere, $ miscService) { $ kapsam.myUrl = "http://www.google.com"; console.log ($ scope.myUrl); } tarayıcı konsoluna bakın – archer247

1

kullanarak yüklemek için, çünkü küme parantezi içine Değişkeninizi koyarsanız Evet, {{yourVar}}

ile yapabilirsiniz, değişkenin değeri görünecektir. Sen

<pre>{{value | json}}</pre> 

"json" ile sayfanızda değerini yazdırabilirsiniz JSFIDDLE

+0

Teşekkür ederiz. Ancak, aynı ifadeyi, dev araçlarıyla ayıklayamayız. – user6131488

+0

Evet, yapabilirsin. Console.log ile. Örneğiniz için sadece 'console.log (" current value = "+ $ scope.myUrl);" – MouTio

İlgili konular