Html 如何使用对象值作为AngularJS元素的href属性？_Html_Json_Angularjs

Html 如何使用对象值作为AngularJS元素的href属性？

html json angularjs

Html 如何使用对象值作为AngularJS元素的href属性？,html,json,angularjs,Html,Json,Angularjs,AnglarJS新手在这里寻找一些答案。我有这些文件，还有HTML和JSON文件，我想做的是在JSON中使用作为属性建立的链接，并在按钮或链接标记中使用它 index.html <!DOCTYPE html> <html> <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <body>

AnglarJS新手在这里寻找一些答案。我有这些文件，还有HTML和JSON文件，我想做的是在JSON中使用作为属性建立的链接，并在按钮或链接标记中使用它

index.html

<!DOCTYPE html>
<html>
<script src=          "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>

<div ng-app="templateApp" ng-controller="templateCtrl"> 

<ul>
<li ng-repeat="x in templates">
{{ x.title}}
</li>
<li ng-repeat="x in templates">
{{ x.limagen}}
</li>
<li ng-repeat="x in templates">
    {{x.lpagina}}
</li>

<a href ng-click="lpagina">
    <script>
            lpagina={{x.lpagina}};
    </script>

    Link</a>

</ul>

<img src="https://placeholdit.imgix.net/~text?  txtsize=25&txt=400%C3%97100&w=400&h=100"></img>

</div>

<script>
var app = angular.module('templateApp', []);
app.controller('templateCtrl', function($scope, $http) {
$http.get("obras.json")
.success(function (response) {$scope.templates = response.obra;});
});
</script>

</body>
</html>

谢谢你能给我的任何帮助

Angular也允许在标记内部使用

{{}

。您也不需要将其作为脚本编写，因为它只是一个锚标记

<a href ng-click="lpagina">
  <script>
        lpagina={{x.lpagina}};
  </script>

Link</a>

变成：

<a href="{{x.lpagina}}">Link</a>

我重新开始我的评论，因为我对您试图实现的目标感到困惑。请用您想要的最终HTML示例更新您的问题。这里有几个问题，从锚点中的奇怪脚本开始。我想在按钮中使用json的值lpagina，或者在html中使用href，我对标记所做的是一个失败的测试。听起来您可能需要使用ng href。我理解这一点，但我试图帮助解决您在这里遇到的其他问题。只要其他东西正确，href属性就很简单了。我已经准备好了一把小提琴，所以我把它添加到了这里。注意，我已经将ng repeat移到了列表中，剩下的代码保持不变？只需将更新后的a ref标记放在div中？谢谢你的回答！不，您还需要删除额外的脚本，将锚点移动到列表项中（对于有效的html），并修复ng repeat结构。看小提琴，天哪！成功了！，请你给我简单解释一下你做了什么，为什么？非常感谢！如果我想像原始代码一样从服务器中的Json加载数据？谢谢谢谢你的演示。我想那可能是最终目标，但我不确定。答案很清楚@加蓬乌涅斯检查一下文件。您还需要为控制器编写一个订阅。

<a href="{{x.lpagina}}">Link</a>