如何从 jQuery 迁移到 AngularJS?jQuery 开发者的 Angular 风格思考
大家好!我是一名有经验的 jQuery 开发者,正在转向 AngularJS,感觉自己像个完全的新手。在 jQuery 中,我习惯直接操作 DOM:$('.myClass').hide()、$('#myButton').on('click', ...)、$.ajax()。一切都清晰且可预测。
但在 AngularJS 中,我感到迷茫。以下是我典型的 jQuery 逻辑示例:
```javascript
// jQuery:获取数据并手动更新 DOM
$.getJSON('/api/users', function(users) {
var list = '';
users.forEach(function(user) {
list += '' + user.name + ' — ' + user.email + ' ';
});
$('#userList').html(list);
});
// jQuery:点击处理程序,切换可见性
$('#toggleBtn').click(function() {
$('#details').toggle();
});
```
在 AngularJS 中,我尝试做同样的事情,但结果一团糟:
```javascript
// AngularJS(尝试用旧方式)
$http.get('/api/users').then(function(response) {
// ??? 现在如何更新页面上的列表?
// 在 jQuery 中,我只需插入 HTML,但这里呢?
});
$scope.toggleD