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

假设post变量已定义url 您的h1元素数据将是这样的。

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

Answer 2

你可以用

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

以及

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

两者都有效但第二部分值得赞赏。 ：）

Answer 3

将其更改为，

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