AngularJS - Merhaba Dünya

Merhaba Klasik Dünya

Genellikle yeni bir dil kullanmayı öğrenirken yaptığımız ilk şey, klasik olanı bizim için yazdıran küçük bir program oluşturmaktır. "Selam Dünya"Bu, bir uygulamada gerçek kullanım olmasa da, birkaç anlamı vardır. Bize dile başlamayı öğretir ve her şeyin doğru çalıştığını kontrol etmemiz için bir yol sunar.
Bu bölümde bir işlemin nasıl gerçekleştirileceğini göreceğiz. Selam Dünya, ayrıca uygulamalar oluşturmamıza izin veren ilgili kavramları görüntüleme ve gözden geçirme AngularJS.
İçinde AngularJS Şablon istemci tarafındadır, bu nedenle veriler uygulamamıza ulaşır ve tam da bu alanda düzenlenir ve kullanıcı tarafından tüketimi için hazırlanır; bu konsepti tek sayfalık bir uygulamaya uygularken ve kullanırken AJAX kullanıcının gezindiği web'i yeniden yüklemesine gerek kalmadan dinamizm elde edebileceğiz.
Basit bir gerçekleştirmek için Selam Dünya Ve yukarıdakileri bilerek, hedefimizi gerçekleştirmek için neye ihtiyacımız olduğunu görelim:

• ihtiyacımız var HTML iki dosya eklediğimiz taban. İlk olacak AngularJS ikincisi ise işleme mantığımızın gideceği özel bir betik.
• içinde HTML nerede bloğu tanımlamanız gerekir AngularJS etkiye sahip olacak, yani etiketi nereye yerleştireceğiz ng-app.
• Özel komut dosyamızda bir denetleyici oluşturmalıyız AngularJS metni uygulamamıza iletmek için.

Neye ihtiyacımız olduğunu öğrendikten sonra ilgili kodu oluşturmalıyız, bunu nasıl yaptığımızı aşağıdaki resimde görelim:

BÜYÜT

dahil ettiğimizi görüyoruz. AngularJS itibaren Google CDN'si bu şekilde dosyaları şu anda projemize indirmemiz gerekmiyor, o zaman özel bir komut dosyası eklemek yerine ihtiyacımız olan talimatları yazdık, bunu bir gösteri olarak yapıyoruz, her zaman ayrı ayrı yapmak iyidir. işlemek daha kolay olacak şekilde kodlayın.
zaten etiket HTML mülkü var ng-app bu şu anlama gelir AngularJS kapsamı olarak tüm belgeye sahiptir ve yerleştirdiğimiz bir div yaparız ng-kontrolör hangi bir kontrolör AngularJS.
ÖnemliKontrolörümüzün yapacağı tek şey kelimeyi yazdırmak Merhaba kelimenin yanında Dünya Daha önce yazmış olduğumuz, nasıl olduğunu vurguluyoruz. AngularJS tanımlamamızdan başka bir şeye ihtiyaç duymaz. bağlam değişkeni ve otomatik olarak bize karşılık gelen bağlantıları yapar.
Şimdi tüm bunların tarayıcıda nasıl göründüğüne bakalım, açtık ateş böceği konsolu uygulamamızı başlattığımızda ne olduğunu göstermek için:

BÜYÜT

O zaman nasıl olduğunu fark edebiliriz AngularJS kelimeyi yerleştirdiğiniz belgeyi yüklerken Merhaba bizim div ve bu şekilde uygulama çalışacaktır.
Gördüğümüz gibi yarattık Selam Dünya ve nasıl çalıştığını biraz daha anladık AngularJS İstemcide şablonun varlığından bahsettiğimizde ne demek istediğimizi, kelimenin bir web servisinden gelen veri olduğunu düşünelim, burada uygulamalarımızda daha fazla dinamizm oluşturabildiğimiz için nasıl yeni bir boyut kazandığını görüyoruz.
Öncesisayfa 1 / 2SonrakiBu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.