Tippe für AngularJS

1.       Form Validation

a.       Um die Validation zu verwenden,müssen Sie die folgenden Schritte folgen:

                                                               i.      Geben einen „Name“, um Ihre Form

                                                             ii.      Markieren alle required Input Felder nach required

                                                            iii.      Überprüfen, ob das Formular überprüft wird oder nicht, durch Prüfen:

<input name="meinName" ng-model="meinName" required> <span ng-show="meinForm.meinName.$touched && meinForm. meinName.$invalid">Der Name ist required.</span>

2.         Debugging von JS Projekten: 

a.        Mit ng-inspector für AngularJSund Chrome

 

b.      Ein weiteres Werkzeug, das sich in diesem Kontext sehr gut eignet und aktuell eine verbreitete Entwicklungsumgebung im Bereich AngularJS ist, $log

Der Hauptzweck dieses Dienstes ist die Fehlersuche und Fehlerbehebung zu vereinfachen.

angular.module('logExample', []).controller('LogController', ['$scope', '$log', function($scope, $log) {     $scope.$log = $log; ….  $log.info("info Data", data); …. }]);

Als Ergebnis:

3.       Databinding (Two-Way)

Im grafischen Beispiel unten wird jedes Element des Arrays $scope.todos einem <li>-Element im DOM zugeordnet. Wird jetzt z.B. 'Staubsaugen' aus dem Array entfernt, wird diese Veränderung dem View gemeldet und auch dort entfernt. Das Template steht jederzeit als Blaupause bereit, um neue Elemente im View erzeugen und verändern zu können.

Der Vorteil dürfte offensichtlich sein. Die manuelle Synchronisation fällt weg und damit auch eine Menge Arbeit und fehleranfälliger Code.

4.         ng-Controller

Dieser Controller macht nichts weiter, als auf dem Scope Name den Wert AngularJShinzuzufügen.

Wie man sieht, existieren jetzt zwei Scopes. Das $rootScope, definiert durch ng-app und ein neues Scope, definiert durch ng-controller.