个人中心
gpt4 book ai didi

javascript - Angular Bootstrap 模态计数器

转载 作者：行者123 更新时间：2023-12-03 08:09:05 25 4
gpt4 key购买 nike

我正在使用 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

任何指针都会有帮助

谢谢

最佳答案

一些需要改变的事情

  1. 将计数器属性更改为位于名为 viewData 的对象上，而不是将计数器放在“this”上。

        this.viewData = { counter: 1 };

  2. 将 Controller 别名从“app”更改为“ctrl”以避免混淆

<body ng-controller="AppCtrl as ctrl">

  • 将 ng-click 指令添加到调用 changeDisplay() 的按钮元素

    • <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/

    25 4 0
    文章推荐： javascript - 尽管在 WebGL 中进行了优化，但帧速率仍然较低
    文章推荐： javascript - 如果值不为 true，则删除禁用输入中的值
    文章推荐： javascript - 重置 Bootstrap 按钮状态
    文章推荐： batch-file - 使用ERRORLEVEL检索InstallUtil的退出状态
    行者123
    个人简介

    我是一名优秀的程序员,十分优秀！

    滴滴打车优惠券免费领取
    滴滴打车优惠券
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com