Bootstrap ui angularjs mit Filterproblem

Question

Ich benutze Bootstrap UI in meiner eckigen Anwendung. Ich habe einen Tooltip in der HTML-Seite, die gut funktioniert. Mir ist aufgefallen, dass nachdem die QuickInfo angezeigt wird und ich meine Maus raus bewege, die Methode UI-bootstrap-tpls.js eine Methode namens "hideTooltipBind" auslöst, die wiederum $ apply aufruft und die Filter in diesem Bereich neu lädt.

Sagen wir, ich habe 10 Filter im Bereich, die ein Array von jeweils 100 filtern. Jedes Mal, wenn ein Tooltip angezeigt wird, müssen alle meine Filter erneut geladen werden. Wie kann ich das vermeiden? Ich bin mit

//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js 
jquery-2.0.3.js 
ui-bootstrap-tpls-0.11.0.js 

ich den Screenshot des Call Stack

Answer 1

Sie können irgendeine Form von Einmal Bindung angebracht haben nutzen. Es gibt mehrere Möglichkeiten gibt:

• bind-once von pasvaz
• angular-once von tadeuszwojcik
• watch-fighters von abourget
• fast-bind von mir (Gabel weg von Karl Seamons Arbeit)

Es gibt einige Unterschiede zu den vier (unabhängig von Ihrer Frage jedoch):

• Bindung-einmal ist die beliebteste, die aktivste Entwicklung zu sehen. Benötigt zwei Direktiven, um die Aufgabe zu erledigen (bindonce und bo-*).
• Winkel einmal ist die minimalistisch die vier (zitieren Sie mich nicht auf dem).
• watch-Kämpfer nicht versprechen basierte Daten verarbeiten.
• schnell bind hat ein Anmelder System für halbstatischen Bindungen, in dem Ereignis Angular-Bus.

---

Angenommen, Sie würden beginnen entweder einer von ihnen nutzen könnte Ihre Bindungen wie folgt aussehen:

<div bindonce="someData"> 
    <span bo-bind="someData.text | yourFilter"></span> 
</div> 

---

<span once-text="someData.text | yourFilter"></span> 

---

<span set-text="someData.text | yourFilter"></span> 

---

<span bind-once="someData.text | yourFilter"></span> 

Auf diese Weise würden Ihre Filter bei Winkelaufrufen an $digest nicht erneut ausgewertet. Wenn Sie eine Sammlung in Ihrer Ansicht filtern (<li ng-repeat="coll | filter"></div>), würde ich vorschlagen, dass Sie diese Filter auf den Controller verschieben, um die Anzahl der Aufrufe an die Filter selbst zu reduzieren.