角引導模態計數器

我正在使用Angular，並希望顯示我已經完成的模態引導對話框。我不能解決如何做到以下幾點：角引導模態計數器

我想用戶點擊「添加另一個」，這將增加計數器，但不會關閉對話框。實際上我想要做的是，當用戶點擊添加另一個我將調用一個數據庫並插入一個記錄，然後如果成功清除說明文本框，並允許用戶輸入另一個說明並增加計數

這裏是我的模態控制器，但不確定該何去何從：

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

任何指針將幫助

感謝

來源

2015-12-11 user142617

有幾件事情來改變

更改您的counter屬性被稱爲可視數據，而不是將櫃檯上的「本」的對象上。
```
this.viewData = { counter: 1 }; 
```
變化從 '應用' 到 '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 ++;

來源

2015-12-11 18:10:44 jbrown

他感謝您的幫助，但我無法訪問您的plunk ..？ – user142617

對不起，我忘了保存它。你應該能夠做出我上面概述的變化並使其工作 – jbrown

角引導模態計數器

回答

相關問題