带有 AngularJs 的 RestController

问题描述

我的RestController：

@RestController
public class TeacherRestController {

private static final String TEACHER_MODEL = "teacher";

@Autowired
TeacherService teacherService;

@GetMapping("/rest/teachers/getAll")
public List<Teacher> getAllTeachers() {
    return teacherService.getAll();
}
}

模型Teacher：

@Entity
@ToString
@Setter
@Getter
@NoArgsConstructor
@AllArgsConstructor
@Table(name = "teachers",schema = "public")
public class Teacher {
@Id
@Column(name="teacher_id")
@GeneratedValue(strategy = GenerationType.IDENTITY)
private int teacherId;
@Column(name = "teacher_name")
@NotNull
@Size(min = 4,max = 75,message = "Teacher name should be not less than 4 symbols and not more than 75 symbols!")
private String teacherName;
@Column(name = "position")
@NotNull
@Size(min = 3,max = 50,message = "Teacher position should be not less than 3 symbols and not more than 50 symbols!")
private String position;

我的index.html：

还有angular.js：

var app = angular.module("myApp",[]);
app.controller('myCtrl',function ($scope,$http) {

$http.get('http://localhost:8081/rest/teachers/getAll')
    .then(function(response) {
        $scope.myWelcome = response.data;
    });
});

在 index.html 上没有显示老师，但在此地址 http://localhost:8081/rest/teachers/getAll 上我有 JSON 格式的老师。

解决方法

看起来问题出在 angularjs 上。看看这里https://docs.angularjs.org/tutorial/step_02

当数据从服务器加载时，您将其分配给 $scope.myWelcome = response.data;

然后您使用 teacher. 访问模板中的数据，该 $scope 未在 myWelcome 上定义。

尝试将 teacher 重命名为 UINavigationController。