Question

我正在研究AngularJS tutorial

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

为了显示ng-repeat的示例，作者以JSON格式输入周期表元素，将元素的名称，元素＃等覆盖到控制器逻辑（$ scope）

要显示元素（下面的代码），作者只使用带有html无序列表的指令

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

我尝试过同样的JsFiddle，但元素列表没有显示，只有{{element.name}}

起初我认为这是一个AngularJS语法问题，但我检查了scope属性，如果控制器名称匹配等等....我确保在JsFiddle中启用AngularJS选项。

有谁知道这个问题是什么或为什么这个清单没有出现？

Answer 1

你忘了完成控制器sytax'}）;'在代码的最后。

'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

为什么没有出现的元素列表？

1 个答案: