Was ist der beste Weg, um erstellen von drop-downs mit zahlen repräsentieren den nächsten 20 Jahren mit nd-wiederholen Sie auf AngularJS?
Was ist der beste Weg, um erstellen von drop-downs mit zahlen repräsentieren den nächsten 20 Jahren mit nd-wiederholen Sie auf AngularJS? Es wäre gut, das erste Jahr (das aktuelle Jahr) dynamisch.
Und was ist ein drop-down mit den Monaten des Jahres (1..12) mit dem iterator?
HINWEIS:
Fand ich eine gute Idee, hier:
http://www.zzzxo.com/q/answers-angularjs-for-loop-with-numbers-ranges-11873570.html
Aber ich Frage mich, ob es einen kürzeren Weg.
InformationsquelleAutor Fabio Nolasco | 2013-06-11
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wäre dies eine gute Gelegenheit, erstellen Sie eine Richtlinie für die Wiederverwendbarkeit. Hier ist ein Beispiel für die Jahre, und die gleiche Art der Sache getan werden konnte für Monate. Verwenden
ng-options
stattng-repeat
.HTML:
Richtlinie:
Hier ist ein Turnschuh
Tolle Antwort. mit diesem Konzept, wie geben Sie die ng-Modell dynamisch?
Lesen Sie auf Richtlinien, um zu lernen, wie Sie übergeben, und binden die Modelle in einem übergeordneten Rahmen/controller. Sie müssen verwenden Sie die
scope:{}
Eigenschaft, die in der Richtliniereturn
Objekt geben Sie eine verbindliche. Sie können check this fiddle. Sie können auch Lesen Sie mehr hierWie Sie dies tun, ohne Winkel-Richtlinie. mit der Funktion in eckigen controller
InformationsquelleAutor Dan
Könnten Sie zuerst das aktuelle Jahr als Javascript-date-Objekt, dann eine for-Schleife verwenden, um zu finden die nächsten neunzehn aufeinander folgenden Jahren. Dann übergeben Sie diese als array an die view.
Controller:
Anzeigen:
und wenn ich Sie richtig verstehe, einen ähnlichen Ansatz zu machen, ein Monate dropdown-controller:
InformationsquelleAutor Jakemmarsh
Ich würde denken, dass etwas wie dies ist ziemlich einfach
Controller:
Anzeigen:
InformationsquelleAutor Terry
Wird dies Ihre Ansicht Teil
Brauchen, um Wert in der controller-Funktion, indem Sie die folgende syntax:
InformationsquelleAutor tech share