Anzeigen Ausblenden Div AngularJs

Dies ist so seltsam, und ich habe keine Ahnung, warum diese einfache Szenario nicht funktioniert. Ich bin noch ziemlich neu für Winkel-nach einem Leben mit jQuery und Backbone.

Hier ist die grundlegende Struktur des Codes...

<div class="span10" ng-controller="ClientCtrl" ng-hide="addClient">
  <button ng-click="addClient = true" class="btn btn-primary">
    Add new Client
  </button>
</div>
<div class="span10" ng-controller="ClientCtrl" ng-show="addClient">
  <div ng-include src="'views/partials/client.html'"></div>
</div>

Das erwartete Verhalten ist, dass Sie auf die Schaltfläche 'Add New Client' - button zeigt den zweiten div. Das tatsächliche Verhalten ist, dass das erste div-Element wird versteckt (wie es sollte), aber der zweite div verborgen bleibt. Es gibt keine controlling-Verhalten in der Steuerung.

Habe ich versucht, es mit einer scope-Funktion, die Einstellung der ersten in der Eigenschaft in der Steuerung und viele andere Dinge, ohne Glück. Was mache ich falsch? Ich habe überprüft, um sicherzustellen, dass Sie nicht auf den gleichen Umfang und nicht "scheinen" das problem zu sein. Vielen Dank für die Hilfe, denn dies treibt mich verrückt.

Wenn Sie sagen, "bleibt verborgen" haben Sie überprüft, ob die ng-include nicht funktioniert oder nicht der entsprechende Elternteil div eigentlich verborgen bleiben? Versuchen Sie, einige statische code innerhalb des zweiten div, um zu sehen, wenn die ng-include ist das ein Fehler oder ist es in der Tat die ng-show...
Ja, die nginclude ist in Ordnung. Vor dem klicken: d....pr/i/VIye und nach der klicken Sie auf: d....pr/i/rSEP

InformationsquelleAutor Brandon | 2013-06-28

  1. 12

    AngularJS erstellt zwei separate Steuergeräte in diesem Fall, wie Sie abgebildet haben zwei Controller mit ng-controller-Attribut. Der Umfang in einem controller nicht wirkt sich auf den Umfang des zweiten.

    Müssen Sie etwas tun, wie dieses:

    <div ng-controller="ClientCtrl">
  <div class="span10" ng-hide="addClient">
    <button ng-click="addClient = true" class="btn btn-primary">
      Add new Client
    </button>
  </div>
  <div class="span10" ng-show="addClient">
    <div ng-include src="'views/partials/client.html'"></div>
  </div>
</div>
    Das ist die Antwort! Ich sollte erkannt haben, daß Sie aber noch nie ausprobiert. Werde die Antwort akzeptieren, wenn dies gestattet. Oh, und vielen Dank.
    Froh, dass es geholfen 🙂
    Yep. Controller sind nicht gespritzt wie gemeinsame Instanzen (singletons) durch Eckige (obwohl Dienstleistungen sind!)
    Vielen Dank für diese Antwort. Es ist fast zwei Jahre später, aber die Antwort ist immer noch aktuell, verbrachte EINE MENGE Zeit auf diese, bevor Sie schließlich kommen über diese. AngularJS können Sie wirklich manchmal frustrierend!

    InformationsquelleAutor Viral Patel

Schreibe einen Kommentar