Ağu.20

AngularJS (1.3 / 1.5) Eğitimi: AngularJS Kapsama Alanını Anlamak (ng-app)

Daha öncesinde AngularJS ile bir örnek yapmıştık. Örneğimizde html etiketi içinde ng-app şeklinde bir özellik ekleyerek AngularJS’nin kapsama alanını belirtmiştik. Ancak istersek sayfanın genelinde değil de bir alanında kapsama alanı da sağlayabiliriz. Aşağıdaki örneği inceleyin…

<!doctype html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js" ></script>
  </head>
  <body>
    <div ng-app>
      <label>İsim:</label>
      <input type="text" ng-model="isim" placeholder="İsim giriniz...">
      <hr>
    </div>
    <h1>Merhaba {{isim}}</h1>
  </body>
</html>

Örneğimizde div içinde ng-app tanımlanmış. div etiketinin dışında da {{isim}} şeklinde değişken değerine erişilmek istenmiş. Ancak erişim alanı dışında kaldığı için sonuç alamayacaktır.

İçeriği paylaş:
  • facebook
  • twitter

Leave a comment

Yorum