Javascript 如何:在中继器中创建角度/引导btn复选框
我试图创建一个网格(带有ng repeat的表格),其中每行有4列按钮。理想情况下,按钮应该是复选框,例如Angular/Bootstrapbtn复选框,这样它们就有一个on和off模式,我可以从C代码中的数据库派生数据设置该模式,该模式将提供Angular页面Javascript 如何:在中继器中创建角度/引导btn复选框,javascript,jquery,angularjs,twitter-bootstrap,angular-ui-bootstrap,Javascript,Jquery,Angularjs,Twitter Bootstrap,Angular Ui Bootstrap,我试图创建一个网格(带有ng repeat的表格),其中每行有4列按钮。理想情况下,按钮应该是复选框,例如Angular/Bootstrapbtn复选框,这样它们就有一个on和off模式,我可以从C代码中的数据库派生数据设置该模式,该模式将提供Angular页面 我遇到的问题是,当单击“应用/保存”按钮时,我真的不知道如何检查controllers.js中那些btn复选框控件的状态,以便保存这些值。类似的方法如何 我使用eval在$scope.buttons中创建范围变量 记录 按钮集{{
我遇到的问题是,当单击“应用/保存”按钮时,我真的不知道如何检查controllers.js中那些btn复选框控件的状态,以便保存这些值。类似的方法如何 我使用eval在$scope.buttons中创建范围变量
记录
按钮集{{setNum}}
记录{recNum}
{{btnText}}
{{按钮}
取消
申请
拯救
这是否适用于Bootstrap 2.3.2?(我们还没有在我的商店升级到BS3。)更新JSFIDLE使用angular bootstrap 0.8.0(支持bootstrap 2.3.2的最后一个ui引导),如果您查看该链接-您将看到它与bootstrap 2.3.2一起工作,只需要使用ui bootstrap 0.8.0也-向您问候,我是另一个密苏里人!很高兴我能帮助@PKD-希望有一些内部消息-我会要求更多。对西雅图好奇:)
app = angular.module('myApp', ['ui.bootstrap']);
app.controller("myController", function($scope) {
$scope.records = [1,2,3,4];
$scope.buttonSets = [1,2,3,4];
$scope.buttonsPerSet = ["Added", "Changed", "Closed"];
$scope.buttons = {};
$scope.toggleButton = function(recNum, setNum, btnText) {
var field = "$scope.buttons." + "btnRec" + recNum + "_setNum_" + setNum + "_" + btnText;
var value = eval(field);
if(!value) {
eval(field + " = 1;");
} else {
eval(field + " = 0;");
}
}
$scope.isActive = function(recNum, setNum, btnText) {
var field = "$scope.buttons." + "btnRec" + recNum + "_setNum_" + setNum + "_" + btnText;
var value = eval(field);
if(value == 1) {
return true;
} else {
return false;
}
}
$scope.save = function() {
// send $scope.buttons through web service.
}
});