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

  • CNNMoney

    CNNMoney

    16 Kasım 2006
  • dope2111

    dope2111

    29 HAZİRAN 2009
  • foreignimage

    foreignimage

    13 HAZİRAN 2006