Sử dụng biến trong angular AngularJS Modules
* Cú pháp
<div ng-app="myApp">...</div>
<script>
var app = angular.module("myApp", []);
</script>
* Ví dụ
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">{{Ho}} {{Ten }}</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.Ho = "Hồng";
$scope.Ten = "Nhật";
});
</script>
</body>
</html>
* Giải thích
App này ta tạo ra 2 biên Ho và Ten sau đó hiển thị ra màn hình
Trong lệnh có 2 bước chính
Bước 1: khởi tạo app
var app = angular.module("myApp", []);
Bước 2: Xử lý Controller
app.controller("myCtrl", function($scope) {
$scope.Ho = "Hồng";
$scope.Ten = "Nhật";
});
Mục liên quan:
- Ứng dụng đầu tiên angular
- 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
- lặp giá trị ra màn hình từ biến mảng
- Biểu thức tính AngularJS
- Sử dụng biến trong angular AngularJS Modules
- Chỉ định các thành phần liên kết với nhau AngularJS
- ng-model tham chiếu biến angular
- Kiểm tra email đã nhập đúng chưa angular
- AngularJS Data Binding
- cách sử dụng ng-click angular
- Sử dụng AngularJS Controllers
- AngularJS Scope là gì
- AngularJS Filters
- Sử dụng Angular để sắp xếp dữ liệu
- Edit - Sort - Filter Table
- POST Angular JS
- Sơ đồ tổng quan angular
- Lấy dữ liệu json hiển thị ra lưới
- Vòng lặp trong vòng lặp
- Format trong angular
- Kết hợp angular với jquery
- Select event onchage
- Một số ứng dụng hay gặp trong angular
- Một số hàm xử lý biến mảng angular
- Input ngày với angularJS
- Select sử dụng ng-options AngularJS
- Tạo ngày chọn theo mục ngày, tuần, tháng, năm
- Tạo page tìm kiếm với Angular
- KeyUp trong input Angular
- Làm nút tăng giảm số lượng với Angular
- Tài liệu tham khảo angular
- ng-repeat trong angular
