각도 : 목록에있는 항목을 밀어도보기가 업데이트되지 않습니다.

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에서 나는 컨트롤러를 선언했다. 내 div에 ng-controller 지시어도 있습니다. 그래서 내 컨트롤러가 두 번 실행됩니다. ng-controller 지시어를 제거했을 때, 모든 것이 올바르게 작동해야했습니다. :)

Answer 2

나머지 코드는 보이지 않지만 컨트롤러에 $scope.products이 정의되어 있는지 확인하십시오.

이 부분은 example입니다.

나는 당신이 제공 한 코드에 만든 유일한 또한

했다 :

$scope.products = []; 

이 후 더 많은 정보를 제공하시기 바랍니다 도움이되지 않는 경우.