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

  • BMG Rentals Property Management

    BMG Rentals

    23 Mayıs 2011
  • Cole Rolland

    Cole Rolland

    23 Kasım 2008
  • Santozz Yazz

    Santozz Yazz

    23 Mart 2014