Ich kann das Problem mit diesem einfachen Winkel-Controller nicht herausfinden

Ich bin neu in AngularJS und habe ein Problem mit einem einfachen Controller. Kann mir jemand dabei helfen? Ich verstehe nicht, warum die SimpleController hier nicht funktioniert !!! Ich muss die Eingabe des Textfelds nach dem Feld angezeigt werden, wie von {{name}} gezeigt. Und im Grunde sollte es eine Liste von Kunden aus SimpleController' where this list should be filtered by Name and ordered by Budget "... abgerufen werden, aber es nicht! ist der HTML- und JS-Code:Ich kann das Problem mit diesem einfachen Winkel-Controller nicht herausfinden

<html ng-app=""> 
    <head> 
     <title>My Angular with Simple Controller</title> 
    </head> 
    <body> 
    <div ng-controller="SimpleController"> 
     Name: 
     <br /> 
     <input type="text" ng-model="name" /> {{name}} 
     <br /> 
     <h3> Looping with ng-repeat & SimpleController</h3> 
     <ul> 
      <li ng-repeat="cust in customers | filter:name | orderBy:'budget'"> 
       {{cust.name}} - {{cust.city}} - {{cust.budget}} 
      </li> 
     </ul> 
    </div> 

    <script src="angular.min.js"></script> 
    <script> 
     function SimpleController($scope) { 
      $scope.customers = [ 
       {name: 'AAA', city:'cityAAA', budget:'500'}, 
       {name: 'BBB', city:'cityBBB', budget:'5000'}, 
       {name: 'ABC', city:'cityABC', budget:'6000'}, 
      ]; 
     } 
    </script> 
</body> 
</html>

das Szenario ohne den Einsatz von Controller funktioniert gut (unter Verwendung von nur ng-init)

Quelle

2016-09-24 Sina Hwz

Welche Fehler ausgelöst wird? Angular verworfen Unterstützung für globale Funktionen als Controller in Version 1.3. Welche Version verwendest du? – charlietfl

Ich glaube nicht, dass ein Fehler geworfen wird ... aber die gewünschte Ausgabe wird nicht angezeigt! meine aktuelle Version ist AngularJS v1.5.8 –

folgen Sie docs, um Modul zu erstellen und registrieren Controller und implementieren beide mit ng-app – charlietfl

funktioniert gut, wenn Winkelmodul hinzugefügt wird.

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

Fiddle

Quelle

2016-09-24 12:46:46

Ich denke, wie @charlietfl sagte, es wird nicht mehr unterstützt, globale Funktionen als contollers in Versionen höher als 1.3 I sollte die Sicht und den Controller trennen. Ich nehme an, dass Geige genauso funktioniert. –

Ich kann das Problem mit diesem einfachen Winkel-Controller nicht herausfinden

Antwort

Verwandte Themen