为什么不元素的列表显示出来？(Why isn't list of elements show

我工作的一个AngularJS 教程

这个教程包括NG-重复指令，一个AngularJS指令中使用的重复数据。

要显示NG-重复的一个例子，笔者进入元素周期表元件以JSON格式，覆盖元件的名称，元素＃等进入控制器逻辑（$范围）

要显示的元素（下面的代码），作者简单地用于该指令与一个HTML未有序列表

<ul>
  <li data-ng-repeat="element in periodic.elements">{{element.name}} </li>
</ul>

我试图做同样的jsfiddle但元素的列表显示不出来，只有{{element.name}}

起初我以为这是一个AngularJS的语法问题，但我检查了scope属性，如果控制器名称匹配，等等....我就确定启用的jsfiddle的AngularJS选项也是如此。

有谁知道问题是什么，或者为什么这个列表不显示出来？

Answer 1:

你忘了完成控制器的语法时才“}）;” 在码的末尾。

'use strict';
var chemistryApp = angular.module('chemistryApp', []);

chemistryApp.controller(
      'chemistryController',
    function chemistryController($scope) {
        $scope.periodic = {elements: [
            {
                "atomicNumber": 1,
                "name": "Hydrogen",
                "atomicWeight": 1.00794,
                "phase": "Gas",
                "ionization": 13.5984,
                "melting": -259.15,
                "boiling": -252.87
            },
            {
                "atomicNumber": 2,
                "name": "Helium",
                "atomicWeight": 4.002602,
                "phase": "Gas",
                "ionization": 24.5874,
                "melting": 0,
                "boiling": -268.93
            },
            {
                "atomicNumber": 3,
                "name": "Lithium",
                "atomicWeight": 6.941,
                "phase": "Solid",
                "ionization": 5.3917,
                "melting": 180.54,
                "boiling": 1342
            }
        ]
       };
    });

工作小提琴

文章来源: Why isn't list of elements showing up?