我想显示使用Java数据的列表，并angularjs

Question

如何添加列表中的Java在我的代码angularJs用于过滤

这是ProductController.java

在这种控制器是回List的数据到UI。

@Controller 
@RequestMapping("/product") 

    public class ProductController { 

    @Autowired 
    private ProductService productService; 

    @RequestMapping("/ProductList") 
    public String getProducts(Model model) 
    { 
     List<Product> products = productService.getProductList(); 
     model.addAttribute("products",products); 
     return "productList"; 
    } 

    @RequestMapping("viewProduct/{productId}") 
    public String viewProduct(@PathVariable int productId,Model model)throws IOException 
    { 
     Product product = productService.getProductById(productId); 
     model.addAttribute(product); 
     return "viewProduct"; 
    } 

} 

Html和angularjs与此职能的是页面内容的HTML没有列出

 <p>Type a letter in the input field:</p> 

     <p><input type="text" ng-model="products"></p> 

     <ul> 
      <li ng-repeat="x in products | filter:products"> 
       {{ x }} 
      </li> 
     </ul> 

    </div> 


    <script> 
     angular.module('myApp', []).controller('namesCtrl', function($scope,$http) { 
      $http.get("/eMusicStore/product/ProductList/"+$scope.cartId).success(function (data) { 
       console.log("success: " + data); 
       $scope.products = products; 
      }); 
     }); 
    </script> 

Answer 1

//Try this one..hope it helps and make sense 
<p>Type a letter in the input field:</p> 
    <p><input type="text" ng-model="product"></p> 
    <ul> 
     <li ng-repeat="x in products | filter:product track by $index"> 
      {{ x }} 
     </li> 
    </ul> 
</div> 

<script> 
    angular.module('myApp', []).controller('namesCtrl', function($scope,$http) { 
     $http.get("/eMusicStore/product/ProductList/"+$scope.cartId). 
     then(function (result) { 
      console.log("success: " + result.data); 
      $scope.products = result.data; 
     }, function(err){ 
      console.log('err',err); 
     }); 
    }); 
</script>