2016-04-19 14 views
3

Ich bin neu bei angularJS. Jetzt versuche ich eine einfache eckige Anwendung zu schreiben. Aber ich frage mich die Rolle der ng-app Richtlinie.Welche Rolle spielt die ng-app-Direktive?

<html ng-app> 

Und ist es möglich ng-app in einem div-Tag statt html Tag hinzuzufügen? Wenn möglich, gibt es Unterschiede zwischen <html ng-app> und , zum Beispiel die Betriebseffizienz?

+2

https://docs.angularjs.org/api/ng/directive/ngApp Ich denke, die Frage ist wertlos ... sollte abgebrochen werden – thegio

+0

Mögliche Duplikat von [Platzierung der ng-app-Direktive (html vs Körper)] (http://stackoverflow.com/questions/15790432/placement-of-the-ng-app-directive-html-vs-body) – thegio

Antwort

4

Die Direktive ng-app bezeichnet das Wurzelelement der Anwendung und wird typischerweise in der Nähe des Stammelements der Seite platziert - z. auf den <body> oder <html> Tags.Sie können nur eine ng-app Direktive in Ihrem HTML-Dokument.Es wird auch verwendet, um verschiedene AngularJS-Module in AngularJS-Anwendung zu laden. Der AngularJS Rahmen wird nur die DOM-Elemente und die untergeordneten Elemente verarbeiten, wo die ng-app Richtlinie

angewendet wird

Nutzungs

<div ng-app="" ng-controller="myCtrl"> 
</div> 

ODER

<div ng-app="myApp" ng-controller="myCtrl"> 
</div> 

var app = angular.module('myApp', []); 
0

Das ng-app Attribut stellt eine Winkel Richtlinie genannt ngApp (Angular verwendet spinal-case für seine benutzerdefinierte Attribute und camelCase für die entsprechenden Richtlinien, die sie umsetzen). Diese Anweisung wird verwendet, um das HTML-Element zu markieren, das Angular als das Wurzelelement unserer Anwendung betrachten sollte. Dies gibt Anwendungsentwicklern die Freiheit, Angular mitzuteilen, ob die gesamte HTML-Seite oder nur ein Teil davon als Angular-Anwendung behandelt werden soll.

So können Sie ng-app im div-Tag hinzufügen.

1

Die ng-app Richtlinie für Bootstrapping Ihre Anwendung ist. Das Element mit ng-app ist das Wurzelelement: es umschließt die anderen Direktiven Ihrer Anwendung.

<div ng-app="myApp"> 
    <div controller="ctrl"></div> <!-- working --> 
</div> 
<div controller="myOtherCtrl"></div> <!-- not working --> 

Nach the documentation:

Richtlinie Nutzungs

als Attribut:

<ANY ng-app="angular.Module" [ng-strict-di="boolean"]> ... </ANY>

So können Sie hinzufügen ng-app auf einem div oder einem anderen Element.

Verwandte Themen