AngularUİ Bootstrap belirli şablonları geçersiz kılabilir misin?

SORU

15 Temmuz 2013, PAZARTESİ

AngularUİ Bootstrap belirli şablonları geçersiz kılabilir misin?

Eğer tek geçersiz kılmak için bir yolu varsa merak ediyorum, uı-bootstrap-tpls, belirli bir şablon dosyası. Büyük çoğunluğu varsayılan şablonları uygun ihtiyaçlarımı, ama bir kaç özel olanları isterim olmadan yerine geçiyor bu sürecin alıyorum ve varsayılan şablonları almak kablolu olmayan tpls sürümü.

CEVAP

16 Temmuz 2013, Salı

Evet, http://angular-ui.github.io/bootstrap gelen direktifler son derece özelleştirilebilir ve kolay şablonlardan birini geçersiz kılmak için (ve hala diğer direktifler için varsayılan olanlar) güveniyor.

O kadar besleme $templateCache, ya da beslenme direk olarak yapılan ui-bootstrap-tpls dosya) ya da - muhtemelen basit - geçersiz bir şablon kullanarak <script> Yönerge (doc).

Uyarı Close x takas için şablon değiştiriyorum bir yapmacık bir örnek:

<!doctype html>
<html ng-app="plunker">
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>
    <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.4.0.js"></script>
    <script src="example.js"></script>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">

    <script id="template/alert/alert.html" type="text/ng-template">
      <div class='alert' ng-class='type && "alert-"   type'>
          <button ng-show='closeable' type='button' class='close' ng-click='close()'>Close</button>
          <div ng-transclude></div>
      </div>
    </script>
  </head>

  <body>
    <div ng-controller="AlertDemoCtrl">
      <alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">                     
        {{alert.msg}}
      </alert>
      <button class='btn' ng-click="addAlert()">Add Alert</button>
    </div>
  </body>
</html>

Canlı plunker: http://plnkr.co/edit/gyjVMBxa3fToYTFJtnij?p=preview

Bunu Paylaş: