Question

我有一个MVC 4项目，其中一个索引页面正在加载到F5：

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Interaction Simulator</title>
    <script src="~/Scripts/angular.js"></script>
</head>
<body>
    <div ng-app>
        <div ng-controller="indexController">
            <ul>
                <li ng-repeat="item in simulations">
                    {{item.name}}
                </li>
            </ul>
        </div>
    </div>
</body>
</html>

我使用Nuget获取AngularJS，然后将src =“〜/ Scripts / angular.js”添加到索引页面。然后我在脚本文件夹中添加了一个新的.js文件：

hello-angular.js:
var indexController = function($scope) {
    $scope.simulations = [
        { simName: "TestSim1" },
        { simName: "TestSim2" }];
}

当我运行此模拟列表时，如果没有渲染，并且没有错误。我做错了什么？

Answer 1

您尝试显示{{item.name}}，但您已定义具有simName属性的对象数组。

您应该使用{{item.simName}}

这里有效：http://jsfiddle.net/aartek/6935R/

项目未呈现为HTML

1 个答案: