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

  • Ben Vivona

    Ben Vivona

    24 Ocak 2010
  • OVERWERK

    OVERWERK

    6 Temmuz 2010
  • Theodore Leaf

    Theodore Lea

    29 AĞUSTOS 2006