Question

好吧，我非常新的角度，我知道这可能是一个非常基本的问题，但是，我已经尝试了很长时间，并且我什么都没有。我只想以json格式创建数据，然后使用控制器和角度显示结果。继到目前为止我做了什么：

        <body ng-app="guestTracker">
        <script>
            var guestTracker = angular.module('guestTracker',[]);
            guestTracker.controller('dataController',function($scope){
                    $scope.guests=[
                    { date:'1-6-2015', time:'3:00 am', rank:'b'}
                        ];
                        });

        </script>   

        <div  ng-controller="dataController">
        date : {{$scope.date}}

    </div>  

    </body>

输出只是＆＃34; {{$ scope.date}}＆＃34;就像它一样。谢谢你，我知道它是一个菜鸟问题，但它确实会有很多帮助。

Answer 1

您走在正确的轨道上，但您不必选择$scope，因为视图中的所有内容都已在范围内。您还没有选择来宾或来宾阵列的特定成员。如果你想显示第一个希望代码是这样的：

<body ng-app="guestTracker">
    <script>
        var guestTracker = angular.module('guestTracker',[]);
        guestTracker.controller('dataController',function($scope){
                $scope.guests=[
                { date:'1-6-2015', time:'3:00 am', rank:'b'}
                    ];
                    });

    </script>   

    <div  ng-controller="dataController">
    date : {{guests[0].date}}

</div>  

</body>

Answer 2

不用担心，我们都必须从某个地方开始！当我第一次开始使用Angular时，一个帮助我的技巧就是将{{ 1+2 }}放入以确认Angular已被正确初始化（如果有，则将渲染为3）。所以这始终是一个好的起点。也就是说，当你需要调用$ scope.guests时，你正在调用$ scope.date。假设你有多个客人，你可能想要利用漂亮的ng-repeat循环（我最喜欢的Angular特性之一），它最终会看起来像这样：

<div  ng-controller="dataController">
        <div ng-repeat='guest in guests'>
            date : {{ guest.date }}
        </div>
    </div>

Answer 3

Use this
 <body ng-app="guestTracker">
        <script>
            var guestTracker = angular.module('guestTracker',[]);
            guestTracker.controller('dataController',function($scope){
                    $scope.guests=[
                    { date:'1-6-2015', time:'3:00 am', rank:'b'}
                        ];
                        });

        </script>   

        <div  ng-controller="dataController">
        date : {{guests[0].date}}

    </div>  

    </body>

http://plnkr.co/edit/RCVexXqwcAD3JD3SwSaR?p=preview

Answer 4

你应该可以使用这样的东西。

＆＃13;

  var guestTracker = angular.module('guestTracker', []);
  guestTracker.controller('dataController', function($scope) {
    $scope.guests = [{
      date: '1-6-2015',
      time: '3:00 am',
      rank: 'b'
    }];
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="guestTracker">
  <div ng-controller="dataController">
    date : {{guests[0].date}}
  </div>
</body>

＆＃13;

使用angularjs读取Json数据

4 个答案: