Chỉ thị AngularJS với Ví dụ: ng-init, ng-repeat, ng-app, ng-model

  • {{tên}}

Giải thích mã:

  1. Chỉ thị ng-init được thêm vào thẻ div của chúng tôi để xác định một biến được gọi là 'các chương', là một biến mảng có chứa 3 chuỗi.
  2. Phần tử ng-repeat được sử dụng bằng cách khai báo một biến nội tuyến được gọi là 'tên' và đi qua từng phần tử trong mảng chương.
  3. Cuối cùng, chúng tôi đang hiển thị giá trị của biến nội tuyến cục bộ 'tên'.

Nếu mã được thực thi thành công, Đầu ra sau đây sẽ được hiển thị khi bạn chạy mã của mình trong trình duyệt.

Đầu ra:

  • Kết quả trên chỉ cho thấy rằng lệnh ng-repeat lấy từng giá trị trong mảng được gọi là 'các chương' và tạo các mục danh sách HTML cho từng mục trong mảng.

Tóm lược

  • Các chỉ thị được sử dụng để mở rộng chức năng của HTML. Angular cung cấp các chỉ thị sẵn có như
    • ng-app - Điều này được sử dụng để khởi tạo một ứng dụng góc cạnh.
    • ng-init - Điều này được sử dụng để tạo các biến ứng dụng
    • ng-model - Điều này được sử dụng để liên kết các điều khiển HTML với dữ liệu ứng dụng
    • ng-repeat - Được sử dụng để lặp lại các phần tử sử dụng angle.