如何使用Angular js获取Wordpress帖子
要在 AngularJS 中获取 WordPress 帖子，您可以使用 WordPress REST API
- 安装 AngularJS：
确保在您的 Web 项目中包含了 AngularJS。 您可以通过 npm 安装：
npm install angular或者通过在 HTML 文件中添加以下 script 标签：
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>- 创建一个 AngularJS 应用：
首先，在您的 HTML 文件中添加一个 ng-app 指令以创建一个 AngularJS 应用：
<html ng-app="myApp">- 创建一个控制器：
创建一个名为 wordpressController.js 的文件， 并在其中添加以下内容：
angular.module('myApp')
.controller('wordpressController', ['$scope', '$http', function($scope, $http) {
$http.get('https://your-wordpress-site.com/wp-json/wp/v2/posts')
.then(function(response) {
$scope.posts = response.data;
});
}]);请确保将 your-wordpress-site.com 替换为您的 WordPress 站点域名。
- 在 HTML 中使用控制器：
将以下代码添加到您的 HTML 文件中，以便在页面加载时调用 wordpressController：
<body>
<div ng-controller="wordpressController">
<h1>Posts</h1>
<ul>
<li ng-repeat="post in posts">
<h2>{{ post.title.rendered }}</h2>
<p>{{ post.content.rendered | limitTo: 100 }}...</p>
</li>
</ul>
</div>
<script src="wordpressController.js"></script>
</body>这个列表将显示所有帖子的标题和前 100 个字符的内容。 您可以根据需要自定义此列表的显示方式。
- 根据需要添加样式：
您可以通过添加适当的 CSS 样式来美化页面。
相关·内容
我正在尝试使用WordPress rest api插件和$http服务将我的angular应用程序连接到wordpress CM。然而，由于某些原因，数据return.Can没有人提供使用wordpress rest api插件为wordpress检索数据的正确方法吗？此外，我还列出了我正在尝试获取测试数据的本地rest api。<html> <script
浏览 1提问于2017-02-16得票数 3
我正在通过HTTP插件访问Wordpress数据(这个wordpress插件：)。我知道如何抓取我的帖子标题，但我如何使用这个插件显示与该帖子相关的特征图像？我的测试显示了帖子标题和特征图像ID，但我不确定如何显示实际的图像。。</div></div>
<script src="https://ajax.g
浏览 5提问于2015-10-24得票数 7
回答已采纳
我正试着把我的angular应用移到wordpress上。为此，我不需要所有的组件，因为有些事情是用wordpress完成的。但我需要能够使用选择器。我使用的是普通的wordpress版本，而不是Angular-WP。首先，我开始尝试使用angular应用程序。ng build --prod 插入所有文件很困难，因为我得到的是wordpress.com而不是.org，所以我使用下一个命令来创建一个单
浏览 14提问于2019-03-12得票数 1
我正在使用wordpress rest api v2从我工作的wordpress网站获取数据到angularjs应用程序。我正在使用他的代码来获取post meta：at m.$digest (angular.js:17257)
at m.$apply
浏览 24提问于2017-12-25得票数 0
回答已采纳
我使用Wordpress WP API将数据解析到我的Angular2应用程序中。 .map((res: Response) => res.json());}
然后，在我的app.component中，我尝试获取激活的路由参数，将SLUG我想让每个页面动态地从ActivatedRoute获取
浏览 0提问于2017-02-08得票数 2
1回答
你如何才能从一个特定的类别中获得最新的帖子，并将它们与作者的图片联系起来。所有作者都在WordPress上签名为作者，他们都有个人资料图片。实际上，它代表的是像这样的圆柱。
浏览 0提问于2018-11-10得票数 0
回答已采纳
假设我从Wordpress帖子中获取内容。这些帖子将链接到api.example.com/article而不是example.com/article.Next.js如何处理不能使用<Link />硬编码的链接
浏览 0提问于2018-07-17得票数 0
我正在使用AngularJS从WordPress.com上的REST API中拉出帖子。如何消除冗余，提高App运行速度？下面是我的AngularJS代码：var app =
浏览 1提问于2015-07-30得票数 0
我想从一个Wordpress博客简单地通过JSON获取所有的博客帖子。我不能使用PHP来做这件事。对此有什么机制吗？像推特你得到的JS/ jQuery解决方案来获取所有的posts.Is有任何相同类型的机制为WORDPRESS博客，以获得所有的帖子？提前谢谢。
浏览 2提问于2012-04-09得票数 1
回答已采纳
我能把它的一部分在wordpress上吗，例如，商店里每一件商品的页面？不要看情况的奇怪:)只是想知道是否有能力跨越引擎。此外，如果你可以，请推荐手册。祝您今天愉快!
浏览 1提问于2014-01-20得票数 0
回答已采纳
是否有方法将Angular2包与wordpress集成，这样我就可以使用角度标记和数据绑定在wordpress中编写页面或帖子(比如单个页面)。虽然我在网上看到了一些集成，但他们所做的只是使用REST调用角2帖子或页面，并在页面上显示这些信息。我想要实现的是能够使用Angular2创建页面/帖子。
浏览 3提问于2017-02-24得票数 2
回答已采纳
2回答
我对javascript比较陌生，但我使用nodejs和angularjs以及Skyscanner API构建了一个航班搜索单页应用程序。现在我想把这个应用程序作为一个嵌入式网站集成到wordpress中，以便享受wordpress的优势。有谁有这方面的经验吗？这两个系统是否存在竞争？做这件事最好的方法是什么？由于wordpress是基于php的，我想应该会有一些麻烦，也许你知道一个转机。
提前感谢！
浏览 18提问于2016-09-20得票数 0
试着把Wordpress数据放到我的6角组件中。import { Injectable } from '@angular/core';import/core';
import { Activat
浏览 0提问于2018-06-16得票数 1
回答已采纳
我正在尝试通过WP-API插件将WordPress和Angular JS结合使用。我希望WordPress只通过JSON API提供内容，让Angular处理其他所有事情；路由等。为此，我需要所有对我网站的请求返回到我的主页，然后Angular可以读取URL并加载适当的视图。我在这里使用Angular UI Router来获取额外的选项。我已经删除了除header.php和footer.php之外的所有Wor
浏览 3提问于2014-09-22得票数 0
1回答
我正在做一个Wordpress项目，我有一个问题。我有一个布局，如下面所示的屏幕截图与选择字段和框与新闻(两个或更多不同的帖子类型)的链接。我想要过滤与选择的帖子类型，所以应该只显示选定的。
浏览 0提问于2017-05-12得票数 0
我想添加新的评论wordpress的文章在WP-API使用角js。ver=4.4.2:9460:16)
at http://localhost/wordpress/wp-content/themes/theme1/bower_components/angular/angular.js/angular/angular.j
浏览 3提问于2016-02-13得票数 1
回答已采纳
= "") { } else if (document.cookie.indexOf('wordpress_logged== -1这就是网站在感染时所显示的内容：您可以通过到Chrome工具控制台查看变量ZJPMAWHWOE的值来检查消息和按钮的来源(叠加，不应该在那里)，这将给您提供一
浏览 4提问于2016-12-06得票数 4
1回答
数据是WordPress posts对象，我是通过获取的。
return Posts.insert({
articleIncoming
浏览 7提问于2017-10-14得票数 1
这可能是一个“因为树而看不到森林”的情况，但是我如何创建一个脚本来自动导入帖子/页面，而不是在WP网站图形用户界面中(例如在主题的functions.php中)。
浏览 0提问于2012-01-20得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
