HTML 变量值未传递给 html 标记中的 app.controller 属性
HTML variable value not passing to app.controller attributes in html tag
我正在开发一个基本的学生-教师 Web 应用程序,我正在使用 angular JS 构建前端。我的 JS 文件中有 2 个应用程序控制器,一个用于检索学生,另一个用于检索分配给每个学生的科目。
我在将学生 ID 作为属性 {{student.id}} 传递给应用程序控制器时遇到问题,因为它只是作为字符串“{{student.id}}”传递而不是传递 {{student.id}}
的实际值
出现问题的 html 代码片段
<div ng-controller="studentController" class="container">
<table class="table">
<tr>
<th>ID</th>
<th>Name</th>
<th>Subjects</th>
</tr>
<tr ng-repeat="student in students">
<td id>{{student.id}}</td>
<td>{{student.Name}}</td>
<td ng-controller="subjectController"
id = {{student.id}}>
{{subjects}}
</td>
</tr>
</table>
我遇到的问题是在这一行
<td ng-controller="subjectController" id = {{student.id}}> {{subjects}}</td>
运行 像这样的同一行代码似乎按预期工作,但我希望能够在 for 循环中遍历所有学生 ID
<td ng-controller="subjectController" id = 1> {{subjects}}</td>
有没有人对我如何克服这个问题有任何建议。我在网上广泛查看但找不到解决方案,因为大多数教程和文档都侧重于通过 ng-model 接收用户输入。
我对编程还很陌生,所以非常感谢任何帮助。
更新
app.controller('studentController', function($scope, $location, $http) {
$http.get('http://localhost:8080/getStudents')
.then(function(response) {
$scope.students = response.data;
});
});
app.controller('subjectController', function($scope, $attrs, $location, $http) {
$http.get('http://localhost:8080/getSubjects?ID='+ $attrs.id)
.then(function(response) {
$scope.subjects = response.data;
});
});
subjectController
应从其父范围继承属性:
app.controller("subjectController", function($scope) {
console.log($scope.student.id);
console.log($scope.students); //Inherited from parent scope
});
有关详细信息,请参阅
我正在开发一个基本的学生-教师 Web 应用程序,我正在使用 angular JS 构建前端。我的 JS 文件中有 2 个应用程序控制器,一个用于检索学生,另一个用于检索分配给每个学生的科目。
我在将学生 ID 作为属性 {{student.id}} 传递给应用程序控制器时遇到问题,因为它只是作为字符串“{{student.id}}”传递而不是传递 {{student.id}}
的实际值出现问题的 html 代码片段
<div ng-controller="studentController" class="container">
<table class="table">
<tr>
<th>ID</th>
<th>Name</th>
<th>Subjects</th>
</tr>
<tr ng-repeat="student in students">
<td id>{{student.id}}</td>
<td>{{student.Name}}</td>
<td ng-controller="subjectController"
id = {{student.id}}>
{{subjects}}
</td>
</tr>
</table>
我遇到的问题是在这一行
<td ng-controller="subjectController" id = {{student.id}}> {{subjects}}</td>
运行 像这样的同一行代码似乎按预期工作,但我希望能够在 for 循环中遍历所有学生 ID
<td ng-controller="subjectController" id = 1> {{subjects}}</td>
有没有人对我如何克服这个问题有任何建议。我在网上广泛查看但找不到解决方案,因为大多数教程和文档都侧重于通过 ng-model 接收用户输入。
我对编程还很陌生,所以非常感谢任何帮助。
更新
app.controller('studentController', function($scope, $location, $http) {
$http.get('http://localhost:8080/getStudents')
.then(function(response) {
$scope.students = response.data;
});
});
app.controller('subjectController', function($scope, $attrs, $location, $http) {
$http.get('http://localhost:8080/getSubjects?ID='+ $attrs.id)
.then(function(response) {
$scope.subjects = response.data;
});
});
subjectController
应从其父范围继承属性:
app.controller("subjectController", function($scope) {
console.log($scope.student.id);
console.log($scope.students); //Inherited from parent scope
});
有关详细信息,请参阅