我正在使用 Angular，并希望显示我已经完成的模式 Bootstrap 对话框。我无法弄清楚如何执行以下操作:
我希望用户单击“添加另一个”，这将增加计数器但不会关闭对话框。实际上，我想做的是，当用户单击“添加另一个”时，我将调用数据库并插入记录，然后如果成功，则清除描述文本框并允许用户输入另一个描述并增加计数
这是我的模态 Controller ，但不确定从这里去哪里:
var ModalInstanceCtrl = function ($scope, $modalInstance, items, selected) {
$scope.items = items;
$scope.selected = {
item: selected || items[0]
};
$scope.ok = function () {
$modalInstance.close($scope.selected.item);
};
$scope.cancel = function () {
$modalInstance.dismiss('cancel');
};
};
这是一个小插曲:
http://plnkr.co/edit/WRy11KHPNsWnnFGaPN3A?p=preview
任何指针都会有帮助
谢谢
最佳答案
一些需要改变的事情
将计数器属性更改为位于名为 viewData 的对象上，而不是将计数器放在“this”上。
this.viewData = { counter: 1 };将 Controller 别名从“app”更改为“ctrl”以避免混淆
<body ng-controller="AppCtrl as ctrl"><button type="button" class="btn btn-primary" ng-click="ctrl.changeDisplay()">Save Add Another</button>将您的changeDisplay()函数修改为:
this.viewData.counter++;
关于javascript - Angular Bootstrap 模态计数器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34229101/