角度：リストにアイテムをプッシュしてもビューが更新されない

Question

アイテムを配列にプッシュすると、ビューはリストをリフレッシュしません。

テーブル：

<tbody id="productRows"> 
    <tr data-ng-repeat="product in products | filter: search"> 
     <td>{{ product.Code}}</td> 
     <td colspan="8">{{ product.Name}}</td> 
    </tr> 
</tbody> 

形式：コントローラで

<form data-ng-submit="submitProduct()"> 
    Code: 
    <br /> 
    <input type="text" required data-ng-model="product.Code"/> 
    <br /> 
    <br /> 
    Naam: 
    <br /> 
    <input type="text" required data-ng-model="product.Name"/> 
    <br /> 
    <input type="submit" value="Opslaan" /> 
</form> 

submitProduct：あなたが見ることができるように

$scope.submitProduct = function() { 
    console.log('before: ' + $scope.products.length); 

    $scope.products.push({Code: $scope.product.Code, Name: $scope.product.Name}); 
    console.log('after:' + $scope.products.length); 
    console.log($scope.products); 

    $scope.showOverlay = false; 
}; 

、私は、配列内のアイテム数を記録し、それがのように振る舞います私は期待しています。私が期待していることをしない唯一の事は、新しい価値を示さない私のテーブルの内容です。

私は何をしなければならないので、新しい行がテーブルに表示されますか？

Answer 1

回答とコメントをありがとう。問題は別の場所でした。私のrouteProviderでは、私はコントローラを宣言しました。私はまたng-controllerディレクティブを私の部門に持っていた。だから私のコントローラは2回実行されます。 ng-controllerディレクティブを削除したとき、すべてが正常に動作していたようです。

Answer 2

残りのコードは表示されませんが、コントローラに$scope.productsが定義されていることを確認してください。

これを参照してくださいexample。

私はあなたが提供するコードに作られた唯一の追加されました：

$scope.products = []; 

これは、より多くの情報を提供してください解決しない場合。