如何从jQuery迁移到AngularJS：用新方式思考

大家好！我是一名前端开发新手，遇到了一个严重的问题。我长期使用jQuery编写代码，现在试图学习AngularJS，但我的大脑就是拒绝转变。 在jQuery中，我习惯手动操作一切：通过$('selector')查找元素，绑定事件处理程序，直接修改DOM。例如，要更新列表，我会这样写： ```javascript // jQuery风格 $('#loadBtn').on('click', function() { $.get('/api/items', function(data) { var list = $('#itemList'); list.empty(); data.forEach(function(item) { list.append('

' + item.name + '

'); }); }); }); ``` 在AngularJS中，我试图做同样的事情，但结果却是一团乱麻，涉及$scope、directives和services。我经常陷入这样的想法：“我该从哪里获取这个元素？如何绑定事件？为什么数据在模板中没有更新？” 具体例子：我有一个输入表单和一个“添加”按钮。在jQuery中，我只需从input获取值，创建新元素，然后将其插入到DOM中。