把Json放到web angular页面中
Get Json into a web angular page
我使用Total.js框架为我的项目。我遵循这个例子https://github.com/totaljs/examples/tree/master/angularjs-mongodb-rest-resources我想做的是拿一个json列表并在angularjs网页中打印出来。我得到正确的json列表从数据库。我得到的是在浏览器上以原始格式打印的json列表。我会在html文件中打印出来。这是控制器:
exports.install = function(framework) {
framework.route('/', view_app);
};
function view_app() {
var self = this;
var Car = MODEL('car').Schema;
Car.find({}, {_id:0, brand:1}, function(err, docs){
if(err)
self.view500(err);
self.json(docs)
});
}
我不知道如何将json文件绑定到angularjs的网页。我遵循的例子,但它没有工作
你必须使用controller.view('my-view-name', docs)
而不是controller.json(docs)
,因为json返回一个序列化对象到json和视图返回HTML。谢谢。
exports.install = function(framework) {
framework.route('/', view_app);
};
function view_app() {
var self = this;
var Car = MODEL('car').Schema;
Car.find({}, {_id:0, brand:1}, function(err, docs){
if(err)
self.throw500(err);
else
self.view('my-view-name', docs)
});
}
我不确定你到底想怎么做,但本质上你想简单地把你的JSON
值,分配给$scope
变量,并使用标准绑定将其附加到您的页面。
你需要在angularjs控制器中获取你的docs数据,这意味着你可以访问$scope
。然后执行如下操作:$scope.docs = docs
(假设这是您想要显示的数据)。希望你已经像这样定义了你的控制器:
angular.module('myapp', [])
.controller('MyController', ['$scope', function($scope) {
//get your data...
//bind your data:
$scope.docs = docs;
从那里,你把它绑定到你的html像这样:
<body ng-app="myapp" ng-controller="MyController">
<span>{{docs}}</span>
....
让我知道这是不是你想要做的。
相关文章:
- 将复杂对象从angular js传递到web api,它总是返回404
- 使用web服务Java-angular时出现错误404
- 我怎么能在Angular JS中等待,直到我的web服务返回
- 另一个错误:Angular Web应用程序中的[$resource:badcfg]
- Angular JS App ng-href compatible for Web and Phonegap / Cor
- Angular 2 and web apis
- 托管时,angular.js web应用程序中未显示内容
- Web Api 2属性路由和Angular JS参数
- 在ASP.NET Web API 2项目中设置Angular路由
- angular-seed web-script.js and cors
- Web应用程序的组件 - Express.js,Angular.js和MVC混淆
- 将参数发送到 Angular 上的 Web 服务
- Angular js 部署在 Web 服务器上的问题
- 使用带有 AngularJS(angular-websocket-service)和 Spring Boot 的 Web
- Angular的指令作为Web组件 - 为什么需要up
- Chrome浏览器在angular web应用中刷新grunt服务时出错
- Angular web应用:启动画面没有渲染,浏览器正忙着获取js文件
- 如何在angular web应用中实现angular-tour
- 在 AppHarbor 上托管 asp.net Web API 的 Angular Web 应用程序显示错误的网页
- Angular web应用在Juniper SSL VPN中的路由