Sunday, 12 May 2013
A Custom Loading Indicator Using AngularJS
I'm currently writing a web version of my Windows Phone & Windows 8 App 'Food Hygiene Cchecker'. Food Hygiene Checker is an app which used the api provided by the UK Food Standards Agency (http://www.food.gov.uk/) to provide the food hygiene rating of establishments both near their location and throughout the UK.
As this is just a fun home project with no time restraints I thought it would be an ideal opportunity to learn the AngularJS framework.
If course I could have created an animated gif for this but where is the fun in that. I also considered using HTML5 css animation but as I say, I wanted to learn AngularJS and this solution would be more controllable.
The result of my experiment is shown below. It mirrors the custom loader I have in the app versions of Food Hygiene Checker which was created in XAML.
The Javascript, HTML and CSS can be seen below:
My first foray into AngularJS was very positive indeed, it was similar to the time I discovered jQuery and everything changed. As a next step I plan to package this into a reusable AngularJS component.
AngularJS has a new fan.
Alan
Subscribe to:
Post Comments (Atom)
đồng tâm
ReplyDeletegame mu
cho thuê nhà trọ
cho thuê phòng trọ
nhac san cuc manh
số điện thoại tư vấn pháp luật miễn phí
văn phòng luật
tổng đài tư vấn pháp luật
dịch vụ thành lập công ty trọn gói
marketing
kinh dịch
contingency plan
búp sen xanh
thương mại mới
học thuyết công bằng
thuyết nhu cầu
mô hình aida
chuỗi giá trị
atl
Lưu Triệu Quốc vui mừng ra mặt. Ngay cả Ủy ban kỷ luật cũng không ngăn cản việc mua bán cổ phiếu này, ngoài việc không cho trong thời gian đi làm ra ngoài mua cổ phiếu thì không có yêu cầu cụ thể nào.
- Bây giờ quá cao, mặc dù vẫn còn tăng nữa nhưng không lãi được bao, hơn nữa rất nguy hiểm nên không cần tham gia vào.
Triệu Quốc Đống lắc đầu nói.
Đây là lần đầu hắn tới nhà Lưu Triệu Quốc. Nhìn căn phòng đã được xây từ lâu và mới được sửa lại. Chẳng qua nhà này có diện tích hơn 130 mét vuông.
- Ý chú là bây giờ vẫn có thể mua?
Lưu Triệu Quốc vốn đang làm bánh bao liền ngừng lại. Y không giỏi việc này mấy, nhưng vợ là người Đông bắc, sống hơn 20 năm ở phương bắc nên quen với việc này.
- Không gấp mấy. Thép An Cương nhất định sẽ tăng lên trên 12 lần, một khi qua 12 lần phải lập tức bán ngay, không được do dự. Em đoán đây chỉ mới là thời kỳ đầu, thị trường chứng khoán còn có thời kỳ phát triển hơn nữa. Đến lúc đó chính là lúc chúng ta ra tay.
Triệu Quốc Đống cũng ngồi xuống làm bánh.
- Ừ, lát mấy ông kia cũng tới, đi ra ngoài ăn dịp tết này cũng không hay. Tốt hơn hết là nếm thử món do chị dâu chú làm.
Lưu Triệu Quốc gật đầu nói:
- Anh cũng không tham, vừa lên đến 12 lần là sẽ bán, mặc kệ nó tăng lên bao nhiêu cũng không ảnh hưởng tới anh. Lãi mấy trăm ngàn là đời này của anh không phải lo về tiền nữa.
- Ha ha, Lưu ca, vài trăm ngàn là mục tiêu của anh sao? Yêu cầu của anh có phải hơi thấp không? Nếu thịt tưng lên 10 tệ một cân, gạo tăng lên trên một tệ một cân, vậy vài trăm ngàn này của anh khác gì vài chục ngàn?
Triệu Quốc Đống cười nói.
- Chú nói chính là nền kinh tế thị trường?
Lưu Triệu Quốc dừng tay.
- Đúng thế, anh có thấy xu thế năm nay không? Mặc dù chính quyền không thừa nhận nền kinh tế thị trường, nhưng chỉ cần là người hiểu kinh tế là biết việc này có gì chứ? Dựa theo mức độ này mà tăng giá thì không đây ba năm nữa thì vài trăm ngàn sẽ thành vài chục ngàn.
Triệu Quốc Đống hừ một tiếng.