AngularJS Yazı Dizisi 3: Input/Output İşlemleri

Merhaba,

AngularJS yazı dizisinin bu bölümünde, kullanıcı input/output işlemlerinden bahsedeceğim. İkinci yazıyı okumamış olanlar, ilgili yazıya buradan ulaşabilirler. Aşağıdaki kod parçası bize bir e-post adresinin geçerli olup olmadığının bilgisini ekrana bastıracak. Bir html sayfasında kendiniz de deneyebilirsiniz.

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<form ng-app="" name="myForm" ng-init="myText = 'post@myweb.com'">
Email:
<input type="email" name="myAddress" ng-model="myText" required>
<p>Edit the e-mail address, and try to change the status.</p>
<h1>Status</h1>
<p>Valid: {{myForm.myAddress.$valid}} (if true, the value meets all criteria).</p>
</form>
</body>
</html>

Burada bir angular uygulaması oluşturup içine bir form alanı yerleştirdik. Form alanının içine input için bir textbox ekledik be buna html ile value değerini set etmek yerine, angular uygulamamızın bir özelliği olan ng-init kullandık ve myText isimli textbox alanımıza bir başlangıç değeri verdik. P etiketleri arasına da form nesnemizdeki myAddress isimli textbox değerimizin geçerli olup olmadığını kontrol eden bir $valid kontrolü ekledik. Bu şekilde ilgili textbox içindeki girilen değerin geçerli bir e-posta adresi olup olmadığına karar verebilir hal geldik. Bir sonraki yazıda görüşmek üzere.