Javascript 使用Angularjs，如何解析html元素以获得数据模型？_Javascript_Html_Angularjs

Javascript 使用Angularjs，如何解析html元素以获得数据模型？

javascript html angularjs

Javascript 使用Angularjs，如何解析html元素以获得数据模型？,javascript,html,angularjs,Javascript,Html,Angularjs,例如，html页面已经有一个DIV列表，其中包含一些配置文件信息，如地址（包括地理信息）、电话等。我想使用angularjs读取/解析这些信息以生成数据模型，并将其用于其他用途，如在地图上显示我对angularjs很陌生，所以不确定这是否容易做到这样做的目的是为了更好地优化搜索引擎。如果使用html模板并使用angularjs进行绑定，则搜索引擎无法为此类数据编制索引。在angularjs中使用数据绑定。。例如：待办事项剩余{todos.length}}中的{restining（）}

例如，html页面已经有一个DIV列表，其中包含一些配置文件信息，如地址（包括地理信息）、电话等。我想使用angularjs读取/解析这些信息以生成数据模型，并将其用于其他用途，如在地图上显示

我对angularjs很陌生，所以不确定这是否容易做到

这样做的目的是为了更好地优化搜索引擎。如果使用html模板并使用angularjs进行绑定，则搜索引擎无法为此类数据编制索引。

在angularjs中使用数据绑定。。例如：


待办事项
剩余{todos.length}}中的{restining（）}}
[  ]


{{todo.text}

如果您深入了解这一点，您可以看到一个简单的示例，说明模型和视图之间的交互以及数据绑定是如何发生的

欲了解更多信息，请访问：

看看下面给出的例子。

@Pranav，谢谢你的帖子。不过，你可能不太明白我的问题。以您给出的示例为例，我想要实现的是：TODO列表应该已经用html呈现，angularjs应该能够读取html并从html创建模型。在您的示例中，todo列表位于javascript模型中，angularjs将其呈现在html中，这对搜索引擎不友好。

<!DOCTYPE html>
<html ng-app>

  <head>
    <script src="http://code.angularjs.org/1.2.8/angular.js" data-semver="1.2.8" data-require="angular.js@*"></script>
    <script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <h2>Todo</h2>
<div ng-controller="TodoCtrl">
<span>{{remaining()}} of {{todos.length}} remaining</span>
[ <a href="" ng-click="archive()">archive</a> ]
<ul class="unstyled">
<li ng-repeat="todo in todos">
<input type="checkbox" ng-model="todo.done">
<span class="done-{{todo.done}}">{{todo.text}}</span>
</li>
</ul>
<form ng-submit="addTodo()">
<input type="text" ng-model="todoText" size="30"
placeholder="add new todo here">
<input class="btn-primary" type="submit" value="add">
</form>
</div>
  </body>

</html>