javascript - 将 HTML 绑定(bind)到 JavaScript 的其他方法

Question

我知道两种将 HTML 绑定(bind)到客户端 JavaScript 代码并保持面向对象的方法:

1. 在 HTML 中使用大量 ID(或特殊的 CSS 类名，或其他一些不同的 HTML 属性)，并在 JS 初始化方法中进行“收获”(或每次在使用前请求每个 DOM 对象)；<
2. 根本不编写 HTML。在运行时的初始化程序中构造一个元素，并记住变量中对 DOM 对象(或 jQuery 对象)的引用。

是否有其他一些方法允许使用设计时阶段(扭曲 HTML)，这比在运行时完成所有工作要方便得多，同时不使用大量任何类型的标识符保持其独特性？

Answer 1

AngularJS是您要用于双向数据绑定(bind)的框架。

我现在在多个项目中使用 AngularJS，与 NodeJS 相结合，并且我再也没有回头看 jQuery，使用 MVC 模式保持代码整洁，并且操作 DOM 变得简单明了。

2 路数据绑定(bind)示例:

HTML

<p>{{elementText}}</p>
<input type="text" ng-model="item.value" />

JavaScript/ Controller

$scope.item = {
    value: ''
};        

$scope.elementText = "The text you want to display";
console.log($scope.item.value); //Directly get your values from the scope.

想要给 <select> 赋值框或填写 <table>使用 JSON 数据？没问题，AngularJS 可以满足您的需求。

有趣的 AngularJS 功能:

• ng-model
• ng-repeat
• Animations
• Custom directives

希望这对您有帮助!