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

  • Paulo Bautista

    Paulo Bautis

    21 Aralık 2008
  • Professor Messer

    Professor Me

    27 NİSAN 2007
  • TokShogun

    TokShogun

    6 HAZİRAN 2009