Angularjs form scope bug

Question

I have a Angularjs form with a list with names. When I click on a name the form will change with here profile. When I change one input and don't save it and I click on a other profile every thing change except the one input that has changed.

<form class="form-horizontal bordered-row" >
                <div class="form-group">
                  <label class="col-sm-4 control-label">Naam</label>
                  <div class="col-sm-6">
                    <input type="text" class="form-control" id="" value="{{gegevens.naam | capitalize}}">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-4 control-label">Categorie</label>
                  <div class="col-sm-6">
                    <select class="form-control">
                      <option ng-repeat="x in producten_categorie" value="{{x.value}}" ng-selected="gegevens.categorie == x.value">{{x.name}}</option>
                    </select>
                  </div>
                </div>
                <div class="form-group pad25L">
                  <button class="btn btn-info" ng-click="productAlgemeen_update(gegevens.naam);">Save</button>
                </div>
              </form>

And the change scope:

$scope.productGegevens = function(product){
$http.post("php/producten-locatie.php", {'id':product.id}).then(function(response){
  $scope.producten_locatie = response.data.records[0];
  $scope.gegevens = {
    id:product.id,
    naam:product.naam,
    categorie:product.categorie,
    straatnaam:$scope.producten_locatie.straatnaam,
    huisnummer:$scope.producten_locatie.huisnummer,
    postcode:$scope.producten_locatie.postcode,
    stadsnaam:$scope.producten_locatie.stadsnaam
  };
});

}

It looks like change detection is a problem. Can you share you ts class file — Aniruddha Das
– Aniruddha Das, Commented Sep 27, 2017 at 11:51
@AniruddhaDas I'm new in Angular, but what is ts class file? Everything will change when I press de change scope but except the one has changed, maybe because it is dirty? — Jur Dekker
– Jur Dekker, Commented Sep 27, 2017 at 11:52
Never mind I was thinking it's angular application but it angularjs. — Aniruddha Das
– Aniruddha Das, Commented Sep 27, 2017 at 11:54
you mean to say the changed value remains same and not reflecting correct value when we open other profile ? — user1608841
– user1608841, Commented Sep 27, 2017 at 11:58

Syed Asad Abbas · Accepted Answer · 2017-09-27 12:04:44Z

1

Please note that input data needs to bind with ng-model whereas you are entering your input with value tag. it means the value is rendered in html not in model, so when you click on other profile UI can not detect the change. Please use ng-model for input value not value tag of input box.

answered Sep 27, 2017 at 12:04

Syed Asad Abbas

795 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angularjs form scope bug

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related