Angularjs form içinde bir düğmesi sayfa yenileme neden olur
Bu iki düğme etiketleri olan Açısal bir form var. Bir düğme ng-click formu gönderir. Diğer düğme navigasyon için sadece ng-click kullanıyor. Bu ikinci düğmesi tıklandığında ancak, Angularjs 404 tetikleyen bir sayfa yenileme neden oluyor. İşlevi bir kesme noktası bıraktım ve benim işlevi tetikliyor. Eğer aşağıdakilerden herhangi birini yaparsam durur:
- Ben ng-click Kaldır düğmesini sayfa yenileme neden olmaz.
- Ben işlevi kod, açıklama, sayfa yenileme neden olmaz.
- Bu diyalog href= ile bir bağlantı etiketi (a) etiketi değiştirirsem"" sonra bir yenileme neden olmaz.
Daha sonra en basit çözüm, ama neden Açısal bile sayfayı yeniden yüklemek için neden benim görevim sonra herhangi bir kod çalışıyor? Gibi bir hata.
İşte form
<form class="form-horizontal" name="myProfile" ng-switch-when="profile">
<fieldset>
<div class="control-group">
<label class="control-label" for="passwordButton">Password</label>
<div class="controls">
<button id="passwordButton" class="secondaryButton" ng-click="showChangePassword()">Change</button>
</div>
</div>
<div class="buttonBar">
<button id="saveProfileButton" class="primaryButton" ng-click="saveUser()">Save</button>
</div>
</fieldset>
</form>
Burada kumanda yöntemi:
$scope.showChangePassword = function() {
$scope.selectedLink = "changePassword";
};
CEVAP
Eğer W3C specification, bir göz varsa onları göndermek istemiyorsanız type='button'
düğme öğeleri işaretlemek için denemek için açık bir şey gibi görünüyor.
Özellikle unutulmaması gereken şey, diyor
Hayır türü belirtilen öznitelik ile bir düğme öğesi türü ile düğmesini bir öğe için öznitelik kümesi olarak aynı şeyi temsil eder"" . gönder
form içinde butona tıklandığında sayfa...
Neden benim değişken sonra tam ben bir...
Ng-app bir sayfa içinde Birden fazla A...
Neden ekleme montaj açıklamaları oluşt...
AngularJS ile bir form içinde dinamik ...