javascript - AngularJS 将 {{post.title}} 更改为超链接

标签 javascript html angularjs

我想更改 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>

enter image description here

最佳答案

假设 post 变量已定义 url 您的 h1 元素数据将如下所示。

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

关于javascript - AngularJS 将 {{post.title}} 更改为超链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42808638/

相关文章:

jquery - 将动态创建的元素添加到指令范围

javascript - 使用 Chrome/Chromium 使用 WWW::Mechanize::Chrome 从服务器获取 "raw"jss 和 css 代码

javascript - MeteorJS 集合未定义

html - Bootstrap 网格行相同高度

javascript - 正则表达式 HTML 或 PHP

javascript - Angularjs 折叠按钮

javascript - 完成的 JS/HTML/CSS 代码与 Wordpress WPBakery 冲突,无法执行

javascript - Redux——繁重的工作应该在哪里发生——reducer、action、容器还是表示组件?

php - mysql_fetch_assoc 错误

javascript - 无法在表中显示正确的数据 -AngularJS