将 HTML 绑定到 JavaScript 的其他方法

Question

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

在 HTML 中使用大量 ID（或特殊的 CSS class 名称，或其他一些不同的 HTML 属性）并执行 "harvest"在 JS 初始化方法中（或每次请求每个 DOM 对象，就在使用之前）；
根本不要写HTML。在运行时构造一个元素，在初始化器中，并在变量中记住对 DOM 对象（或 jQuery 对象）的引用。

是否有其他一些方法允许使用设计时阶段（writhing HTML），这比在运行时完成所有工作要方便得多，同时又不会使用太多必须保持其唯一性的任何类型的标识符？

Answer 1

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

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

2 种数据绑定示例：

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> 框赋值或使用 JSON 数据填充 <table> 框？没问题，AngularJS 满足您的需求。

有趣的 AngularJS 功能：

希望对您有所帮助！

将 HTML 绑定到 JavaScript 的其他方法

Other ways to bind HTML to JavaScript

javascript

jquery

html

runtime