Warum erscheint der Ausdruck wie in AngularJS Beispiel?

ich folgenden Code haben:Warum erscheint der Ausdruck wie in AngularJS Beispiel?

<!DOCTYPE html> 
<html> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body> 

    <p>Try to change the names.</p> 

    <div ng-app="myApp"> 

    First Name: <input type="text" ng-model="firstName"><br> 
    Last Name: <input type="text" ng-model="lastName"><br> 
    <br> 


    Full Name: {{firstName + " " + lastName}} 

    </div> 

</body> 
</html>

Der Ausgang des obigen Code in einem Browser wie unten:

Full Name: {{firstName + " " + lastName}}

Meine Frage ist, warum die Ausdrücke, wie es erscheinen wird ?

Quelle

2016-12-07 user2839497

Es scheint, dass Sie keinen Controller deklariert haben. – rrd

Buddy, wo ist dein [ng-Controller] (https://docs.angularjs.org/api/ng/directive/ngController) – sisyphus

Sie nicht registrieren der Angul Ein Modul, an dem der Angular von diesem Startpunkt aus bootet.

<script> 
angular.module("myApp",[]) 
</script>

Und initialisieren Sie mit diesem Modul die ng-app-Direktive.

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

Quelle

2016-12-07 08:36:17

Da Sie keine eckige App namens myApp definiert haben, müssen Sie die ng-app Direktive ohne Wert definieren. ng-app="myApp" sollte ng-app

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 

 
<body> 
 
    <p>Try to change the names.</p> 
 
    <div ng-app> 
 
    First Name: 
 
    <input type="text" ng-model="firstName"> 
 
    <br>Last Name: 
 
    <input type="text" ng-model="lastName"> 
 
    <br> 
 
    <br>Full Name: {{firstName + " " + lastName}} 
 
    </div> 
 
</body> 
 

 
</html>

sein Wenn Sie ein separates Winkelmodul haben müssen, Sie mögen unter

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

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 

 
<body> 
 
    <p>Try to change the names.</p> 
 
    <div ng-app="myApp"> 
 
    First Name: 
 
    <input type="text" ng-model="firstName"> 
 
    <br>Last Name: 
 
    <input type="text" ng-model="lastName"> 
 
    <br> 
 
    <br>Full Name: {{firstName + " " + lastName}} 
 
    </div> 
 
</body> 
 

 
</html>

tun können

Quelle

2016-12-07 08:31:47 Sankar

Welchen Unterschied macht es, wenn ich den Wert der ng-app-Direktive vermeide? – user2839497

Es ist nicht zu vermeiden, Sie haben keine eckige App namens myApp definiert, so dass Sie nicht verwenden können. – Sankar

Sie haben in der Datei ejs keinen Controller definiert.

fügen Sie ng-controller zusammen mit ng-app hinzu und definieren Sie diesen Controller in Ihrer eckigen App.

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

definieren Controller im angular App wie folgt aus:

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

app.controller('myCtrl',function($scope){ 
    ... 
});

Hope this Ihnen hilft.

Quelle

2016-12-07 09:38:04

Warum erscheint der Ausdruck wie in AngularJS Beispiel?

Antwort

Verwandte Themen