Warum ng-Modell nicht definiert ist?

Habe ich drei angular-ui-bootstrap-typehead in einer form

<form>
<div class="form-group">
   <label for="fieldname" class="col-md-3 control-label">Name</label>
   <div class="col-md-6">
      <input type="text" ng-model="newItem.customSelected" typeahead="name as name.name for name in members | filter:{name:$viewValue}" class="form-control" />
   </div>
</div>
<div class="form-group">
   <label for="fieldhname" class="col-md-3 control-label">House name</label>
   <div class="col-md-6">
      <input type="text" ng-model="newItem.customSelected1" typeahead="house_name as house_name.house_name for house_name in family | filter:{house_name:$viewValue}" class="form-control" />

   </div>
</div>
<div class="form-group">
   <label for="" class="col-md-3 control-label"><?php echo $this->lang->line('label_family_id'); ?></label>
   <div class="col-md-6">
      <input type="text" ng-model="newItem.customSelected2" typeahead="fm as fm.family_reg_no for fm in family | filter:{family_reg_no:$viewValue}" class="form-control" />
   </div>
</div>
<div class="col-md-3"></div>
<input type="button" class="finish btn-success btn" ng-click="search(newItem)" value="Search"/>
</form>

den Suche-button wird die Funktion aufgerufen,

$scope.search = function(item) {
    item['id']=item.customSelected.id;
    item['family_id']=item.customSelected1.id;
    item['family_id']=item.customSelected2.id;
     delete data.customSelected;




     FamilyMemSearch.get(item, function (response) { //success

            $scope.tableData = response.data; //store result to variable

            }, function (error) { //ajax loading error
                Data.errorMsg(); //display error notification
            });

      };

aber es zeigt einen Fehler customSelected1,customSelected2 ist nicht definiert.

  • Können Sie gemeinsam einen jsFiddle oder zupfen um das problem zu demonstrieren?
  • Vielleicht, weil Sie nicht die Eigenschaften der "id"?
  • ich gab id.aber da zeigt sich wieder Fehler
InformationsquelleAutor Nisham Mahsin | 2014-01-29
  1. 4

    ngModel automatisch erstellt Eigenschaften nur nach dem value-änderungen erste mal. Wenn Sie nicht initialisieren item.customSelected1, item.customSelected2 und klicken Sie auf Suche gleich nachdem die Seite geladen ist, werden die Werte undefined.

    Versuchen Initialisierung item.customSelected1 und item.customSelected2

    app.controller("yourController",function($scope){
    $scope.newItem= {};
    $scope.newItem.customSelected1 = {};
    $scope.newItem.customSelected2 = {};
});
    • Mahsin: mein Fehler, es sollte newItem statt item. Ich aktualisierte die Antwort
    InformationsquelleAutor Khanh TO
Schreibe einen Kommentar