Từ chế độ xem của tôi “Responsive” web apps.
là loại ứng dụng cập nhật Xem liên quan đến thay đổi mô hình (MVC).
Giao diện người dùng ứng dụng góc có đầy đủ người theo dõi. Đối với mỗi biến được bao bọc bởi {{}}
trong HTML, Angular tạo trình xem mới và khi chúng tôi cập nhật trong khi mã chạy giá trị này, Angular, bằng cách sử dụng lượt xem cập nhật digest cycle
tương ứng. Hoặc ng-repeat
chỉ thị tạo phạm vi riêng cho mỗi mục danh sách và thêm người theo dõi.
Mặt khác trong Javascript thuần túy, tôi cần tìm phần tử của mình theo id và cập nhật nó theo cách thủ công.
xem xét sau đây ví dụ trong Fiddle
HTML
<ul>
<li ng-click="loadGeo()">click 1</li>
</ul>
<ul> <pre>
data: {{data|json}}
</pre>
</ul>
JS
var app = angular.module('myModule', ['ngResource']);
app.controller('fessCntrl', function ($scope, Data) {
$scope.data = false;
$scope.loadGeo = function() {
Data.query()
.then(function (result) {
$scope.data = result.data.results[0];
}, function (result) {
alert("Error: No data returned");
});
}
});
app.factory('Data', ['$http', '$q', function ($http, $q) {
var address = 'Singapore, SG, Singapore, 153 Bukit Batok Street 1';
var URL = 'http://maps.googleapis.com/maps/api/geocode/json?address=' + address + '&sensor=true';
var factory = {
query: function() {
var data = $http({
method: 'GET',
url: URL
});
var deferred = $q.defer();
deferred.resolve(data);
return deferred.promise;
}
}
return factory;
}]);
Mở đầu chúng tôi có sản phẩm nào data
: $scope.data = false;
Chúng tôi nhấp vào nút, chúng tôi lấy dữ liệu địa lý từ nhà máy và điền data
với đầu ra Geo. GUI của chúng tôi cập nhật mà không cần bất kỳ mã bổ sung nào.
Cách tiếp cận này tôi sẽ gọi “Responsive” web app
Tôi đề nghị bạn đọc bài tuyệt vời này được viết bởi Josh David Miller:
how-do-i-think-in-angularjs-if-i-have-a-jquery-background
Âm thanh như các nhà văn của khóa học chỉ là nhầm lẫn với thuật ngữ thông dụng. Responsive chỉ được sử dụng để mô tả thiết kế đáp ứng theo như tôi biết. Nó khác với Ajax. – Quentin
Vâng, đây là điều tương tự chúng tôi đã làm trong 10 năm qua bằng cách sử dụng Ajax. – Clive
Tôi cho rằng người ta có thể mô tả việc sử dụng AJAX là "đáp ứng" khi được sử dụng hiệu quả từ góc độ UX theo nghĩa, khi gọi một thao tác, người dùng không cần phải ngồi và đợi trang tải lại trước người dùng có thể làm bất cứ điều gì khác. Ngay cả khi thao tác diễn ra trong vài phút, phần còn lại của giao diện người dùng vẫn có thể "phản hồi" với các tương tác khác. Nhưng có, vẫn còn cũ AJAX chỉ gói trong một giao diện khung. Và tôi đồng ý rằng đó là việc sử dụng thuật ngữ có khả năng gây hiểu nhầm. – David