AngularJSが{{post.title}}をハイパーリンクに変更する

Question

HTMLの{{post.title}}の値をハイパーリンクするように変更したいと思います。

それは可能ですか？

 <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

は、URLが あなたの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> 

を使用することができます。 :)