ng-Controller: grundlegende Verwendung der Steuerung von AngularJS scheitern

ich auf AngularJS nur zu arbeiten anfangen zu arbeiten, und als ich zum Controller ng gibt es einen verwirrenden Punkt wie folgt:
Der HTML-Codes:
ng-Controller: grundlegende Verwendung der Steuerung von AngularJS scheitern

<html lang="en" ng-app="App" ng-controller="AppCtrl"> 
<head> 
<meta charset="utf-8"> 
<link rel="stylesheet" href="css/bootstrap.min.css"> 
<title></title> 
<script type="text/javascript" src="js/angular.min.js"></script> 
<script type="text/javascript" src="js/controller.js"></script> 
</head> 
<body> 
<div class="container"> 
<div class="page-header"> 
<h2>Chapter1 <small>Hello,World</small></h2> 
</div> 

</div> 
<div class="container"> 
<div class="jumbotron"> 
<h1>Hello, {{name}}</h1> 
<label for="name">Enter Your Name</label> 
<input type="text" ng-model="name" class="form-control input-lg" id="name"> 
</div> 
</div> 
</body> 
</html>

der AngularJS Codes:

function AppCtrl($scope){ 
    $scope.name = "World"; 
});

das Ergebnis ist, dass das {{name}} Modellteil nicht die richtigen Daten erhalten kann. Es können keine Standarddaten "Welt" angezeigt werden und unabhängig davon, was ich in das Eingabefeld eintippe, ist die Ausgabeansicht immer Hello, {{name}} EDIT: Ich beziehe mich auf ein Buch über angularjs. Und der Demo-Fall zeigt, dass die Verwendung ich hier posten. Aber ich habe jetzt einen Workaround gefunden.

Quelle

2016-04-26 Chris Bao

Alle im Browser gemeldet JavaScript-Fehler (zum Beispiel die "Konsole" -Tab Ihres Browsers Entwickler-Tools)? –

Ihr Angular ist nicht bootstrapped. Verwenden Sie:

angular.module('App', []) 
    .controller('AppCtrl', function($scope) { 
     $scope.name = "World"; 
    });

Ich empfehle Ihnen, zuerst einige grundlegende Tutorials zu lesen.

prüfen diese Arbeits Demo: JSFiddle

Quelle

2016-04-26 03:29:59 Joy

Ich weiß, wie du geantwortet hast. Aber ich lese gerade ein Buch, in dem steht, dass gerade aufgrund dessen, was ich hier poste, die App durchlaufen kann ..... –

ng-Controller: grundlegende Verwendung der Steuerung von AngularJS scheitern

Antwort

Verwandte Themen