AngularJS-Uhr funktioniert nicht für Dropdown-Menü (Auswahl) Ändern

AngularJS-Uhr funktioniert nicht für Dropdown-Änderung. Hier ist mein Code, das ist nicht genau der Originalcode, den ich gerade simuliert habe.AngularJS-Uhr funktioniert nicht für Dropdown-Menü (Auswahl) Ändern

Code:

<body ng-app="app" ng-controller="ctrl"> 
<select ng-model=“selectedId" ng-options="val as val.name for val in options | orderBy:'id'"> 
</select> 
<script> 
angular.module("app",[]) 
    .controller("ctrl",['$scope',function($scope){ 
    $scope.options = [ 
     {"id":1, "name":"First"}, 
     {"id":2, "name":"Second"} 
    ] 
    $scope.selectedId = {"id":1, "name":"First"} 
    $scope.$watch('selectedId’,function(selVal) { 
     console.log(selVal); 
    }); 
    }]) 
</script> 
</body>

Quelle

2017-05-26 SANN3

Sie haben einige falsche Zeichen in Ihrem Code - "" selectedId "' und ''selectedId''. Ist das nur eine schlechte Kopie-Paste? –

Sind die verschiedenen '' '' 'und Zeichen im eigentlichen Code vorhanden ? – Anton

@Anton Überprüfen Sie den aktualisierten Code. – SANN3

Ich füge der Arbeitslösung.

Ich habe $ scope.selectedId zu $ scope.filters.selectedId geändert und eine Überwachung für $ scope.filters.selectedId hinzugefügt.

Ich weiß nicht, warum das funktioniert.

Quelle

2017-05-30 06:23:19 SANN3

Sie haben so viele Typo versuchen $ scope.options auf [0] anstelle von Optionen [0]

angular.module("app",[]) 
 
    .controller("ctrl",['$scope',function($scope){ 
 
    $scope.options = [ 
 
     {id:1, name:'First'}, 
 
     {id:2, name:'Second'} 
 
    ] 
 
    $scope.selectedId = $scope.options[0]; 
 
    $scope.$watch('selectedId',function(selVal) { 
 
     console.log(selVal); 
 
    }); 
 
    }])

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<html> 
 
<body ng-app="app" ng-controller="ctrl"> 
 
<select ng-model="selectedId" ng-options="val as val.name for val in options"> 
 
</select> 
 
</body> 
 
<html>

Quelle

2017-05-26 12:02:58 Jenny

Überprüfen Sie den aktualisierten Code. – SANN3

Also was ist das Problem? Ich kann sehen, ob es keinen Tippfehler hat, dann funktioniert es gut. @ SANN3 – Jenny

Sonder Zeichen werden im Code anstelle von normalen Anführungszeichen verwendet und verwenden $scope.options[0] anstelle von options[0].

Arbeiten Plunker here

Quelle

2017-05-26 12:05:13 SaiUnique

AngularJS-Uhr funktioniert nicht für Dropdown-Menü (Auswahl) Ändern

Antwort

Verwandte Themen