我正在构建一个MEAN堆栈应用程序,用于跟踪课程,成绩和作业。我正在尝试为索引视图中的课程生成删除按钮。除了下表中的course._id之外,所有表达式都正确呈现。它在ng-click值内引用,因此不支持。
<tbody>
<tr ng-repeat="course in courseData">
<td>{{course.name}}</td>
<td>{{course.courseNum}}</td>
<td>{{course.students.length}}</td>
<td>
<ul ng-repeat="comment in course.comments">
<li>{{comment}}</li>
</ul>
</td>
<td>
<button type="button" class="btn btn-danger" ng-click="remove(course._id)">Delete</button>
</td>
</tr>
</tbody>
删除功能非常简单。它向API发送删除调用并再次呈现索引状态。
$scope.remove = function (courseId) {
$http.delete("/api/courses/" + courseId);
$state.go('courseState');
};
好像我可能错过了一些简单的东西。 Course._id将使用花括号在ng-click外部呈现,但不能在ng-click属性中使用大括号。
我发现的大多数解决方案都是关于创建指令,但是在ng-click属性中获取该值应该只需将course._id作为参数传递。