Khởi tạo biến và cách hiển thị

Hiển thị giá trị nhập từ ô input ra màn hình Angular

1. Khởi tạo biến đơn trong angular



<!DOCTYPE html>

<html>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<body>

  <div ng-app="" ng-init="Ten='Nhật'">

        <p>Cách hiển thị 1: Tên tôi là <span ng-bind="Ten"></span></p>        

        <p>Cách hiển thị 2: Tên tôi là {{Ten}}</p>        

   </div> 

</body>

</html>

* Giải thích:
Thêm ng-init và ng-app để khởi tạo giá trị biến
ng-init="Ten='Nhật'" khai báo biến Ten có giá trị là Nhật
ng-bind="Ten" lấy giá trị biến Ten ra, hay có thể sử dụng {{Ten}}

2. Khởi tạo biến mảng trong angular



<!DOCTYPE html>

<html>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<body>

  <div ng-app="" ng-init="ds=[{Ten:'A'},{Ten:'B'}]"> 

       <p>Cách 1</p> 

       <p>Tên số 1 <span ng-bind="ds[0].Ten"></span></p>       

        <p>Tên số 2 <span ng-bind="ds[1].Ten"></span></p>              

       <p>Cách 2</p> 

       <p>Tên số 1 {{ds[0].Ten}}</p>       

       <p>Tên số 2 {{ds[1].Ten}}</p> 

   </div>

</body>

</html>

* Giải thích:
ng-init="Ten='Nhật'" khai báo biến Ten có giá trị là Nhật
ng-bind="Ten" lấy giá trị biến Ten ra

Mục liên quan:

0935999617