AngularJSで投稿後にフォームデータが表示されない

Question

フォームデータを投稿しようとしていますが、コンテンツがUIで更新されていません。 次のコードは動作していますが、tagsは{{tag.Title}}では更新されません。

$scope.saveTag = function (data,TagTypeId) { 
 
     var result = employeeCvService.addTag(data, TagTypeId, $scope.consultantCv.Id).success(function(data){ 
 
      var new1 = data; 
 
      $scope.consultantCv.TagsbyTypes[0].Tags.push(newtag); 
 
     }); 
 
     // $scope.consultantCv.TagsbyTypes[0].Tags.push(newtag); //this code is not updating the binding in the UI 
 
    };

<div class="row" data-ng-repeat="tagsByType in consultantCv.TagsbyTypes" ng-init="init('tag',2000)"> 
 
<div class="col-md-12"> 
 
<hr /> 
 
<h2> 
 
    <i class="icons8-{{tagsByType.CssClass}}" aria-hidden="true"></i>{{tagsByType.Title}} 
 
</h2> 
 
    <div class="tags"> 
 
     <div class="input-group" ng-controller="consultantController"> 
 
      <div ng-repeat="tag in tagsByType.Tags" class="tag label label-success"> 
 
       {{tag.Title}} 
 
       <a class="close" href ng-click="removeTag(tag)">×</a> 
 
            
 
      </div> 
 
      <form ng-submit="saveTag(Title,tagsByType.Id)" role="form"> 
 
       <input type="text" ng-model="Title" class="form-control" placeholder="add a tag..." ng-options="suggestion.Title for suggestion in suggestion" uib-typeahead="suggestion.Title for suggestion in loadTags($viewValue,tagsByType.Id)" typeahead-loading="loadingTags" typeahead-no-results="noResults"> 
 
       <span class="input-group-btn"><input type="submit" class="btn btn-default" value="Add"></span> 
 
      </form> 
 
     </div> 
 
    </div> 
 
</div> 
 
</div>

Answer 1

同じプロパティ名を持つ オブジェクトとして、あなたのデータをプッシュ

。

$scope.saveTag = function (data,TagTypeId) { 
     var result = employeeCvService.addTag(data, TagTypeId, $scope.consultantCv.Id).success(function(data){ 
       var newData = { 
       Title : data, 
       } 
      $scope.consultantCv.TagsbyTypes[0].Tags.push(newData); 
     }); 
     // $scope.consultantCv.TagsbyTypes[0].Tags.push(newtag); //this code is not updating the binding in the UI 
    }; 

Answer 2

見つかった問題は、tagsTypeがコントローラに渡されなかったことです。

$scope.saveTag = function (data,TagTypeId) { 
 
     var result = employeeCvService.addTag(data, TagTypeId, $scope.consultantCv.Id).success(function(result){ 
 
      TagTypeId.Tags.push(result); 
 
      $scope.consultantCv.TagsbyTypes.Tags.push(newData); 
 
      //$scope.consultantCv.TagsbyTypes[0].Tags.push(new1); 
 
     }); 
 
     // $scope.consultantCv.TagsbyTypes[0].Tags.push(newtag); 
 
    };

<form ng-submit="saveTag(tag.Title,tagsByType)" role="form"> 
 
            <input type="text" ng-model="tag.Title" class="form-control" placeholder="add a tag..." ng-options="suggestion.Title for suggestion in suggestion" uib-typeahead="suggestion.Title for suggestion in loadTags($viewValue,tagsByType.Id)" typeahead-loading="loadingTags" typeahead-no-results="noResults"> 
 
            <span class="input-group-btn"><input type="submit" class="btn btn-default" value="Add"></span> 
 
           </form>