基于JSON数据生成页面
我正在为我正在构建的一个应用程序使用AngularJS,我想知道当项目被推送到一个名为基于JSON数据生成页面,json,angularjs,firebase,Json,Angularjs,Firebase,我正在为我正在构建的一个应用程序使用AngularJS,我想知道当项目被推送到一个名为places的JSON对象时是否可以生成页面。推送的每个项目都有一个唯一的ID,我想我可以使用这个ID(例如123456)作为url的一部分,比如sosite.com/places/123456 { "places" : [ { "id" : 471756, "title" : "The Whittington Hospital" } ] } 是否可以自动生成此
places
的JSON对象时是否可以生成页面。推送的每个项目都有一个唯一的ID,我想我可以使用这个ID(例如123456)作为url的一部分,比如sosite.com/places/123456
{
"places" : [
{
"id" : 471756,
"title" : "The Whittington Hospital"
}
]
}
是否可以自动生成此页面(例如,基于模板)
我这样问是因为我正在尝试构建一个应用程序,让用户通过表单创建自己的医院。创建医院并推送到JSON对象后,我希望为该医院创建一个页面
我可以用Angular吗?感谢您的帮助
提前谢谢
更新
还是有点麻烦。这是我到目前为止得到的
place.html
<div ng-controller='PlaceCtrl'>
<h1>{{ title }}</h1>
</div>
您正在查找ngRoute和
$routeProvider
。通过这些,您可以设置如下参数化路线:
.when('/place/:placeId', { templateUrl: 'place.html', controller: 'PlaceCtrl' })
因此,每次访问者点击以/place/
开头的URL时,它都会在PlaceCtrl
和place.html
结束。并将位置ID作为参数传递
然后,您可以在控制器中选择参数:
app.controller('PlaceCtrl', function($scope, FBURL, $firebase, $routeParams) {
var ref = new Firebase(FBURL+"places/"+$routeParams.placeId);
另见:
- 我的示例应用程序使用AngularJS、Firebase和AngularFire:(我从中复制/粘贴/修改了上述代码片段)
- (更好的方式)
{{}
将数据发送到view@tymeJV你能给我指一下这方面的文档吗?另外,一个有角度的应用程序能有多大?在使用Rails/PHP时,是否有限制或限制?这非常有用。很抱歉反应太晚。马上就要开始尝试了!我已经为我的问题添加了一个更新。我一直在使用您的示例应用程序作为参考,但我似乎无法在相关页面上显示{{title}}
。你知道我做错了什么吗?你PlaceCtrl
只是将placeId
绑定到范围,因此范围中没有标题
,无法在视图中显示。通过使用Chrome中的Angular devtools,您可以轻松地调试这种类型的东西。返回标题:$routeParams.placeTitle
,然后使place.title
可用于$scope.placeTitle=place.title代码>玩这个把戏?我还要看一看角度开发工具!这var links=$firebase(ref.child('links'))。$asObject()
让我访问页面上的链接,就像这样{{links.web}
,但是var title=$firebase(ref.child('title')
不允许我打印到带有{{title}
的页面。基本上,$asObject()
和$asArray()
都可以工作,但是如果数据不在对象或数组中,如何检索数据呢?
app.controller('PlaceCtrl', function($scope, FBURL, $firebase, $routeParams) {
var ref = new Firebase(FBURL+"places/"+$routeParams.placeId);