使用Angularjs，如何解析html元素來獲取數據模型？

例如，html頁面已經有一個包含地址（包括地理信息），電話等一些配置文件信息的DIV列表。我想使用angularjs來讀取/解析這些信息以生成數據模型並使用它們用於其他目的，例如在地圖上顯示。使用Angularjs，如何解析html元素來獲取數據模型？

我對angularjs相當陌生，所以不確定這是否可以輕鬆完成。

這樣做的目的是爲了更好的搜索引擎優化。如果使用html模板並使用angularjs進行綁定，那麼搜索引擎將無法對這些數據進行索引。

來源

2014-01-14 Robin

使用數據的角度JS .. 結合對於如：http://plnkr.co/edit/c6MQ0pwMkxGXXqkJ4FXl?p=preview

<!DOCTYPE html> 
<html ng-app> 

    <head> 
    <script src="http://code.angularjs.org/1.2.8/angular.js" data-semver="1.2.8" data-require="[email protected]*"></script> 
    <script data-require="[email protected]*" 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>

如果你看看這個你可以看到模型和視圖，以及如何將數據綁定發生相互作用的一個簡單的例子。

有關詳情，請訪問：http://angularjs.org/

並期待在下面給出的例子。

來源

2014-01-14 06:45:24 Pranav

雖然此鏈接可能會回答問題，但最好在此處包含答案的基本部分，並提供供參考的鏈接。如果鏈接頁面更改，則僅鏈接答案可能會失效。 – Max

我已更新答案.. – Pranav

@Pranav，感謝您的留言。但是，您可能無法很好地理解我的問題。以你給出的例子，我想實現的是：todos列表應該已經在html中呈現，並且angularjs應該能夠讀取html並且從html創建模型。在您的示例中，待辦事項列表位於javascript模型中，並且angularjs將其呈現在HTML中，這不是搜索引擎友好的。 – Robin

使用Angularjs，如何解析html元素來獲取數據模型？

回答

相關問題