Angularjs 简单控制器，使角度不'；行不通_Angularjs_Angularjs Scope

Angularjs 简单控制器，使角度不'；行不通

angularjs

Angularjs 简单控制器，使角度不'；行不通,angularjs,angularjs-scope,Angularjs,Angularjs Scope,您好，我正在学习angular 1，我在学习的时候遇到了问题我正在尝试使用controller在ng repeat中用表显示数据。即使页面底部的{{2+2}}不工作，应用程序中的Angular也会停止工作。我找不到原因 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge

您好，我正在学习angular 1，我在学习的时候遇到了问题

我正在尝试使用controller在ng repeat中用表显示数据。即使页面底部的{{2+2}}不工作，应用程序中的Angular也会停止工作。我找不到原因

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>SZYBKI START Z BRACKETS</title>

    <link rel="stylesheet" href="normalize.css">
    <link rel="stylesheet" href="bootstrap.min.css">
</head>
<body ng-app="aplikacja">
<div class="container" ng-controller="kontrolerTabeliSkoczkow">
    <h1 class="text-center">Klasyfikacja skoczków narciarskich</h1>

    <br />

    <div class="input-group">
        <span class="input-group-addon">Szukaj: </span>
        <input type="text" class="form-control" placeholder="np. Adam Małysz" />
    </div>

    <br />

    <div class="table-responsive">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th ng-repeat="naglowek in [
                                   'Imię', 'Rok urodzenia', 'Narodowość'
                                   ]">{{ naglowek }}</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="skoczkowie in skoczkow">
                    <td>{{skoczek.Name}}</td>
                    <td>{{skoczek.Nation}}</td>
                    <td>{{skoczek.rank}}</td>

                </tr>
            </tbody>
        </table>
    </div>

</div>

{{ 2+2 }}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>

<script>
    var app = angular.module('aplikacja', []);

    app.contoller( 'kontrolerTabeliSkoczkow' , ['$scope', function( $scope ) {
        $scope.skoczkowie = [
         {
           "Name": "HIRSCHER Marcel",
           "Nation": "AUT",
           "rank": 1
         },
         {
           "Name": "JANSRUD Kjetil",
           "Nation": "NOR",
           "rank": 2
         }
        ]
    }];
</script>

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="bootstrap.min.js"></script>    

</body>
</html>


SZYBKI起始Z括号
克拉西菲卡奇亚·斯科茨科沃·纳西亚尔斯基奇


Szukaj：


{{naglowek}}
{{skoczek.Name}
{{skoczek.Nation}
{{skoczek.rank}
{{ 2+2 }}
var app=角度模块（'aplikacja'，[]）；
app.contoller（'kontrolerTabeliSkoczkow'，['$scope'，函数（$scope）{
$scope.skoczkowie=[
{
“姓名”：“HIRSCHER Marcel”，
“国家”：“AUT”，
“排名”：1
},
{
“姓名”：“JANSRUD Kjetil”，
“国家”：“或”，
“排名”：2
}
]
}];

您忘记关闭控制器

<script>
    var app = angular.module('aplikacja', []);

    app.contoller( 'kontrolerTabeliSkoczkow' , ['$scope', function( $scope ) {
        $scope.skoczkowie = [
         {
           "Name": "HIRSCHER Marcel",
           "Nation": "AUT",
           "rank": 1
         },
         {
           "Name": "JANSRUD Kjetil",
           "Nation": "NOR",
           "rank": 2
         }
        ]
    }]);
</script>


var app=角度模块（'aplikacja'，[]）；
app.contoller（'kontrolerTabeliSkoczkow'，['$scope'，函数（$scope）{
$scope.skoczkowie=[
{
“姓名”：“HIRSCHER Marcel”，
“国家”：“AUT”，
“排名”：1
},
{
“姓名”：“JANSRUD Kjetil”，
“国家”：“或”，
“排名”：2
}
]
}]);

（结尾的“）”）

另外，我会在angular之前声明Jquery，这是打字错误，change

app.contoller(...)

到

并正确关闭：

app.controller("kontrolerTabeliSkoczkow" , ['$scope', function( $scope ) { ... }]);

参见链接

在

]}

和

之间缺少一个括号在控制器的末尾
此外，我不建议使用这种表示法，只是不要在控制器中声明依赖项，我建议这样做：
app.controller("kontrolerTabeliSkoczkow", function($scope){
    /*anything you want to put in it*/
});

您不会被括号、括号和其他东西弄糊涂，只需在模块中声明依赖项，而不是在控制器中声明依赖项即可返回工作，但表仍然是空的，所以我猜skoczkowie中的Skoczek还是有问题，而不是skoczkow中的skoczkowie，工作正常：）
app.controller("kontrolerTabeliSkoczkow", function($scope){
    /*anything you want to put in it*/
});