SORU
11 Mayıs 2013, CUMARTESİ


Ng vardır düğüm şablonu ile değiştirin?

Yeni köşeli biraz. Mümkündeğiştirinng-dahil dahil şablonun içeriği ile düğüm? Örneğin,:

<div ng-app>
    <script type="text/ng-template" id="test.html">
        <p>Test</p>
    </script>
    <div ng-include src="'test.html'"></div>
</div>

Oluşturulan html:

<div ng-app>
    <script type="text/ng-template" id="test.html">
        <p>Test</p>
    </script>
    <div ng-include src="'test.html'">
        <span class="ng-scope"> </span>
        <p>Test</p>
        <span class="ng-scope"> </span>
    </div>
</div>

Ama istediğim şey:

<div ng-app>
    <script type="text/ng-template" id="test.html">
        <p>Test</p>
    </script>
    <p>Test</p>
</div>

CEVAP
3 Ocak 2014, Cuma


Bu aynı sorunu vardı ve hala ng vardır dinamik bir şablon eklemek için özellikleri istedim. Dinamik Bootstrap bir araç inşa ettim ve CSS stilleri düzgün bir şekilde uygulanması için temizleyici biçimlendirme ihtiyacım vardı.

Burada ilgilenenler için geldim çözüm:

HTML:

<div ng-include src="dynamicTemplatePath" include-replace></div>

Özel Yönetmeliği:

app.directive('includeReplace', function () {
    return {
        require: 'ngInclude',
        restrict: 'A', /* optional */
        link: function (scope, el, attrs) {
            el.replaceWith(el.children());
        }
    };
});

Eğer bu çözüm yukarıdaki örnekte kullanılan, kapsam ayarı.dynamicTemplatePath 'istediğiniz biçimlendirme neden olacaktır. test.html için

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Hidden Wolf TV

    Hidden Wolf

    1 EKİM 2009
  • hitcreatormusic2

    hitcreatormu

    21 Mayıs 2010
  • ODN

    ODN

    26 Kasım 2006