Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
基于JSON数据生成页面_Json_Angularjs_Firebase - Fatal编程技术网

基于JSON数据生成页面

基于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" } ] } 是否可以自动生成此

我正在为我正在构建的一个应用程序使用AngularJS,我想知道当项目被推送到一个名为
places
的JSON对象时是否可以生成页面。推送的每个项目都有一个唯一的ID,我想我可以使用这个ID(例如123456)作为url的一部分,比如so
site.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);