シンプルなコントローラ製作角度が機能しません

こんにちは私は角度1を学習しています。シンプルなコントローラ製作角度が機能しません

コントローラを使用してng-repeatにテーブルを使用してデータを表示しようとしています。 {{2 + 2}}のページの一番下にあっても、アプリの停止の角度はまったく機能しません。私はその理由を見つけることができません。

<!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>

出典

2017-01-06 Anonymous

前のjQueryを宣言

app.controller(...)

に

app.contoller(...)

を変更します

および近くに適切：

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

は、括弧はさらに、私はちょうど依存関係を宣言していない、この表記を使用してrecommandしていない、あなたのコントローラの終わりにちょうど]}と;の間で不足しているリンクjsfiddle

出典

2017-01-06 15:54:43

うまく戻ってもテーブルはまだ空ですので、何かが間違っていると思います。 –

skoczkowieのskoczkowieがskoczkowieのskoczkowie instedとそれはうまく動作しています:) –

コントローラを閉じるのを忘れました。非常に最後の

<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>

（ '）'）

また、私は、それはタイプミスのミスだ角度

出典

2017-01-06 15:48:38 Roux

を見ますお使いのコントローラでは、私はこのようにそれをやってrecommand：

app.controller("kontrolerTabeliSkoczkow", function($scope){ 
    /*anything you want to put in it*/ 
});

あなたは自分のdependeを宣言し、かっこ、かっこやもので混乱していませんあなたのコントローラではなくあなたのモジュール内のncies

出典

2017-01-06 15:54:57

シンプルなコントローラ製作角度が機能しません

答えて

関連する問題