Warum ist AngularJS beschweren sich über ein unerwartetes token in einem Ausdruck, wenn ich versuche, einen string zu verwendet?

Habe ich das folgende Attribut ein div: ng-show="state.name === 'index'". Ich habe auch versucht ng-show='state.name === "index", aber ich bekomme immer folgenden Fehler:

Syntax Error: Token '"index"' ist ein unerwartetes token in Spalte 16 der Ausdruck [state.name === "index"] ab ["index"].

Warum?

  • Ach, Google-Suchanfragen ("unexpected token angularjs") schickte mir hier, aber OP ' s Problem wurde gelöst, in Winkel 1.1.2 bereits, scheint.
InformationsquelleAutor bigblind | 2012-10-21
  1. 16

    ng-show nimmt eine "AngularJS-Anweisung." Diese Art von Erklärung hat nur einen == Betreiber, aber dieser operator verhält sich wie ===. Es ist ein bisschen verwirrend, aber praktisch, dass man nicht Schießen selbst in den Fuß mit seltsamen Typ Zwang.

    • Puh, danke. Dachte, ich werde verrückt mit meinem === Vergleich
    InformationsquelleAutor btford
  2. 3

    Habe das problem gefunden. Statt "state.name==='index'" ich geschrieben haben soll "state.name=='index'". pkoziowski.opensource richtig war, dass Sie nicht verwenden können bedingte Anweisungen, aber was genau Sie damit meinen, ist, dass Sie können nicht verwenden Sie if-Anweisungen, oder eine Ablaufsteuerung-Anweisungen für diese Angelegenheit, so dass Sie konnte es nicht tun:

    <span ng-init="if(state.name == 'o'){doFoo();}">o</span>
    InformationsquelleAutor bigblind
  3. 1

    Neue Antwort ist nun möglich, für diese Frage: Sie verwenden möglicherweise eine alte version von AngularJS, weil die neueren Versionen haben das nicht.

    Sehen hier eine repro der OP ' s Problem mit der neuesten version zum Zeitpunkt der Frage (1.1.0):

    JS:

    angular.module("demo", [])
  .controller("myctrl", function($scope) {
    $scope.state = { name: "test" };
  });

    HTML:

    <script src="https://code.angularjs.org/1.1.0/angular.js"></script>
<div ng-app="demo" ng-controller="myctrl">
  (this snippet explicitly errors out, reproducing OP's issue)<br>
  <input ng-model="state.name">
  <div ng-show="state.name === 'test'">visible when "test" is in the input</div>
  Debug info: <pre>{{state | json}}</pre>
</div>

    Und finden Sie hier den gleichen code, aber mit version 1.5.6, die neueste version zum Zeitpunkt des Schreibens dieser Antwort:

    JS:

    angular.module("demo", [])
  .controller("myctrl", function($scope) {
    $scope.state = { name: "test" };
  });

    HTML:

    <script src="https://code.angularjs.org/1.5.6/angular.js"></script>
<div ng-app="demo" ng-controller="myctrl">
  Working version<br>
  <input ng-model="state.name">
  <div ng-show="state.name === 'test'">visible when "test" is in the input</div>
  Debug info: <pre>{{state | json}}</pre>
</div>

    Vermutlich wurde dieses Problem behoben, in 2013, version 1.1.2, weil der change-log erwähnt:

    • $parse: erlauben strikte Gleichheit in angular-Ausdrücke (a179a9a9, #908)

    Fußnote: habe ich so formuliert, das oben als eine Antwort auf die Frage. Wenn Sie upvoting meine Antwort, dass es leider wahrscheinlich bedeutet, dass Sie landete auf dieser thread mit einer Suchanfrage wie ich hatte, nur um herauszufinden, dass der "unerwartetes token" - Fehler, den Sie bekommen, ist nicht verursacht durch das Thema OP hier hatte...

    InformationsquelleAutor Jeroen
Schreibe einen Kommentar