为什么没有显示元素列表?

Why isn't list of elements showing up?

我正在研究 AngularJS tutorial

本教程介绍了 ng-repeat 指令,这是一个使用重复数据的 AngularJS 指令。

为了展示 ng-repeat 的例子,作者以 JSON 格式输入周期性 table 元素,包括元素名称、元素 # 等到控制器逻辑($scope)

为了显示元素(下面的代码),作者简单地使用了带有 html 无序列表的指令

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

我尝试做同样的事情 JsFiddle 但元素列表没有显示,只有 {{element.name}}

起初我以为这是一个 AngularJS 语法问题,但我检查了范围属性,控制器名称是否匹配,等等......我确保启用 AngularJS 选项在 JsFiddle 中也是如此。

有谁知道问题出在哪里或为什么没有显示此列表?

您忘记完成控制器语法 '});'在代码的末尾。

'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
            }
        ]
       };
    });

工作Fiddle