Javascript 数据更新问题
我有一个角度js应用程序在这 当使用“我的学术课程”旁边的面板列表中的“添加课程”按钮时,会打开一个新模式,以获取可供选择的课程列表。在这里,当我从模式中的课程列表中检查课程时,它会自动增加或减少同一模式中计划学分和进度条的值。在这里,如果我们按Javascript 数据更新问题,javascript,angularjs,twitter-bootstrap,Javascript,Angularjs,Twitter Bootstrap,我有一个角度js应用程序在这 当使用“我的学术课程”旁边的面板列表中的“添加课程”按钮时,会打开一个新模式,以获取可供选择的课程列表。在这里,当我从模式中的课程列表中检查课程时,它会自动增加或减少同一模式中计划学分和进度条的值。在这里,如果我们按取消,而不是按保存,则模态不会将课程发布到面板列表中,这是正确的。但它不能正确地更新模态。即,在模式中选择某个课程后,如果我们按取消,然后再次打开相同的添加课程模式,则计划学分和进度条与上次关闭的模式保持相同。如何更正此问题 以下是我在控制器中使用的内容
取消
,而不是按保存,则模态不会将课程发布到面板列表中,这是正确的。但它不能正确地更新模态。即,在模式中选择某个课程后,如果我们按取消,然后再次打开相同的添加课程模式,则计划学分和进度条与上次关闭的模式保持相同。如何更正此问题
以下是我在控制器中使用的内容:
$scope.getPercentage = function() {
return (($scope.subcategory.planned2 + $scope.subcategory.completed2) / ($scope.subcategory.required2) * 100).toFixed(2);
}
$scope.toggleCheck = function(course) {
if (($scope.selectedCourses.indexOf(course) === -1) && ($scope.subcategory.planned2 + $scope.subcategory.completed2 < $scope.subcategory.required2)) {
$scope.selectedCourses.push(course);
$scope.subcategory.planned2 += 3;
if (($scope.subcategory.planned2 + $scope.subcategory.completed2) == $scope.subcategory.required2) {
alert('Requirement met');
}
} else {
$scope.selectedCourses.splice($scope.selectedCourses.indexOf(course), 1);
$scope.subcategory.planned2 -= 3;
}
$scope.getPercentage();
};
$scope.ok = function() {
$scope.subcategory.subcategory2 = [];
for (var i = 0; i < $scope.selectedCourses.length; i++) {
$scope.subcategory.subcategory2.push({
course: $scope.selectedCourses[i],
term: "--",
credit: "--",
grade: "--"
});
}
$modalInstance.close();
};
$scope.cancel = function() {
$modalInstance.dismiss('cancel');
};
$scope.getPercentage=function(){
返回($scope.subcategory.planned2+$scope.subcategory.completed2)/($scope.subcategory.required2)*100).toFixed(2);
}
$scope.toggleCheck=函数(课程){
如果($scope.selectedCourses.indexOf(courses)=-1)&($scope.subcategory.planned2+$scope.subcategory.completed2<$scope.subcategory.required2)){
$scope.selectedCourses.push(课程);
$scope.subcategory.planned2+=3;
if($scope.subcategory.planned2+$scope.subcategory.completed2)==$scope.subcategory.required2){
警报(“满足要求”);
}
}否则{
$scope.selectedCourses.splice($scope.selectedCourses.indexOf(courses),1);
$scope.subcategory.planned2-=3;
}
$scope.getPercentage();
};
$scope.ok=函数(){
$scope.subcategory.subcategory 2=[];
对于(变量i=0;i<$scope.selectedCourses.length;i++){
$scope.subcategory.subcategory 2.push({
课程:$scope.selectedCourses[i],
术语:“--”,
信用证:“--”,
职系:“——”
});
}
$modalInstance.close();
};
$scope.cancel=函数(){
$modalInstance.disclose('cancel');
};
我想我明白你的意思
在您的ModalInstanceCtrl
替换
$scope.subcategory=详细信息代码>
$scope.subcategory=angular.copy(详细信息)代码>这不是指你的问题。。。。我建议您使用允许轻松维护代码的指令。但当我这样做时,它不再保存课程。