AngularJS將{{post.title}}更改爲超鏈接

Question

我想將HTML中的{{post.title}}的值更改爲超鏈接URL。

可能嗎？

 <div ng-repeat="post in posts"> 
      <h2> 
      {{post.title}} 
       <a ng-click="editPost(post._id)" class="pull-right"><span class="glyphicon glyphicon-pencil"></span></a> 
       <a ng-click="deletePost(post._id)" class="pull-right"><span class = "glyphicon glyphicon-remove"></span></a> 
      </h2> 
      <em>{{post.posted}}</em> 
      <p>{{post.body}}</p> 
     </div> 

Answer 1

改變它，

<a ng-href="url">{{ post.title }} </a> 

Answer 2

假設變量後已定義的網址您 H1元素的數據會是這樣。

<a ng-href="{{post.url}}">{{post.title}}</a> 

Answer 3

u可以使用

<a href="url/{{post._id}}">{{post.title}}</a> 

以及

<a ng-href="url/{{post._id}}">{{post.title}}</a> 

兩者都將工作，但第二個被理解。 :)