Hej,
Zacząłem klepać sobie apke i momencie gdy wydzieliłem formularz do dyrektywy napotkałem następujący błąd. Przestał mi się renderować element po moim select. Co próbowałem:
-zmieniłem kolejność (problem dalej ten sam)
-google dev tools nic nie pokazuję (po prostu nie ma tego elementu)
-gdy usune selecty to problem znika
Selecty sa uzupelnianie enumami wysylanymi z serwera (java), prześledziłem scieżkę i faktycznie wszystko działa jak należy.
Ma ktoś jakiś pomysł? Poniżej wklejam kod (myslę, że to bedzie cos związanego z custome directive angularowym bo wczesniej działało poprawnie)
moja dyrektywa
<form name="itemForm" ng-submit="itemsCtrl.addItem(itemsCtrl.item)">
<p>Name: {{itemsCtrl.item.name}}</p>
<p>Price: {{itemsCtrl.item.price}}</p>
<p>WeaponType: {{item.type}}</p>
<p>Amount: {{itemsCtrl.item.amount}}</p>
<p>Quality: {{item.quality}}</p>
<div class="col-xs-2">
<input type="text" class="form-control" ng-model="itemsCtrl.item.name" placeholder="name" required="true"/>
</div>
<div class="col-xs-2">
<select class="form-control" ng-model="item.type" ng-options="item for item in weaponTypes" required="true"/>
</div>
<div class="col-xs-2">
<select class="form-control" ng-model="item.quality" ng-options="item for item in qualities" required="true"/>
</div>
<div class="col-xs-3">
<div class="col-xs-6">
<input type="number" class="form-control" placeholder="amount" ng-model="itemsCtrl.item.amount" required="true"/>
</div>
<div class="col-xs-6">
<input type="number" class="form-control" step="0.01" placeholder="price" ng-model="itemsCtrl.item.price" required="true"/>
</div>
</div>
<button type="submit" class="btn btn-primary">Add item</button>
</form>
deklaracja
app.directive('itemForm', function(){
return {
restrict: 'E',
templateUrl: '/html/user-account/item-form.html'
};
});
Każdy pomysł na wagę złota :P