Angularjs 使用angular js和spring boot添加数据_Angularjs_Spring

Angularjs 使用angular js和spring boot添加数据

angularjs spring

Angularjs 使用angular js和spring boot添加数据,angularjs,spring,Angularjs,Spring,我对Angular js和spring boot不熟悉我需要通过表单提交数据，我找不到如何将数据添加到数据库这是一个html文件： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Accueil</title> <link rel="stylesheet" href="https://maxc

我对Angular js和spring boot不熟悉我需要通过表单提交数据，我找不到如何将数据添加到数据库这是一个html文件：

    <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Accueil</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
    <script type="text/javascript" src="js/app.js"></script>

</head>
<body >
<div class="container">
<div ng-app="app">
<div  ng-controller="MainController as main">

        <h1>{{main.title}}</h1>

    <div >
<table >
<tr>
<td>id</td>
<td>nom</td>
<td>prenom</td>
<td>cin</td>
 <td>date naissance</td>
 <td>nationalite</td>
<td></td>
<td></td>



</tr>
<tr data-ng-repeat="a in etudiants"> 

<td>{{a.id}}</td>
<td>{{a.nom}}</td>
<td>{{a.prenom}}</td>
<td>{{a.cint}}</td>
<td>{{a.date_naissi}}</td>
<td>{{a.nat}}</td>
<td><a ng-click="editUser(user.id)" class="btn btn-small btn-primary">edit</a></td>
 <td><a ng-click="deleteUser(user.id)" class="btn btn-small btn-danger">delete</a></td>



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

<br>
<div ng-app="appajout">
<div ng-controller="contAjout">

 <form ng-submit="submit()" role="form">
<input ng-model="nom"  type="text" name="nom"></input>
<input ng-model="prenom" type="text" name="prenom" ></input>
<input ng-model="cint" type="text" name="cint"></input>
<input ng-model="nat" type="text" name="nat"></input>
<input ng-model="dateNaissi" type="text" name="dateNaissi"></input>
<input class="btn btn-primary" ng-click="submit()" type="submit" value="Submit">
<!-- <button ng-click="save()">ajouter</button> -->
</form>

</div> 
</div>
</div>
</body>
</html>

我想知道代码中有什么问题

这是我的控制器：

  @Autowired 
    private EtudiantRepository etudiantRepository;
//  @Secured(value="ROLE_ADMIN")
    @RequestMapping(value="/etudiant/ajouter", method = RequestMethod.POST)
    public Etudiant ajout(Etudiant e)
            {
        return etudiantRepository.save(e);
            }

首先，ng click=“save（）”与函数$scope.submit不匹配。你需要把它改成

<button ng-click="submit()">ajouter</button>

ajouter

主要问题是在同一html中定义了多个Angle模块。看

每个HTML只能自动引导一个AngularJS应用程序文件

删除第一个ng应用程序，它将正常工作。你也有

<form ng-submit="submit()" role="form">

及

这将在每次单击时发布两次。它会刷新整个页面，这是现代单页web应用程序中不想做的事情。您可以完全删除表单，完全删除输入类型按钮，只需保留

<button ng-click="submit()">ajouter</button>

ajouter

错误是什么？您的控制器代码在哪里？单击“保存”按钮时，我无法将数据添加到数据库中！这不是“错误”，而是症状。为什么它不向数据库添加数据？“保存”功能是否运行？

$http

调用是否运行？网络选项卡是否显示

$http

调用工作正常？是，保存功能运行正常，$http运行正常！！！如果你不发布你的全部代码，没有人能帮你。此外，如果您正在使用Chrome，请打开“检查”工具，并检查“控制台”和“网络”以排除故障。

<input class="btn btn-primary" ng-click="submit()" type="submit" value="Submit">

<button ng-click="submit()">ajouter</button>