我有一個網頁,我已經實現了引導模態對話框。我想從模塊對話框中的按鈕單擊主控制器中調用一個方法,我想將值傳遞給方法。我怎樣才能做到這一點。Twitter引導模式從父控制器調用方法
回答
看看這個plnkr我創建:http://plnkr.co/edit/2VuKmVidfMpnkSigeips?p=preview
這是你如何創建一個模式對話框:
$scope.onClick = function() {
var modalInstance = $modal.open({
templateUrl: 'content.html',
controller: 'ModalInstanceCtrl',
size: 'sm',
resolve: {
item: function() {
return $scope.item;
}
}
});
modalInstance.result.then(function (returnedInput) { <-- This is where you expect the value passed to modalInstance.close(value).
$scope.test = returnedInput;
}, function() {
// dismissed with cancel button
})
};
的想法是調用close(),當您按下OK:
$modalInstance.close($scope.myinput);
將數據從模態對話框的控制器傳回主控制器。
編輯: 我更新了plnkr,以顯示如何在不關閉模式的情況下直接從模態中更改主控制器中某個項目的狀態。本質上,你想調用模態中的某個方法來改變主控制器中對象的狀態。
感謝restassured !!!,在這裏你實際上正在關閉模態對話框並返回到主頁面,但我仍然希望在函數調用之後仍保留在模態對話框中。 '關閉'是由bootstrap給出的方法。我可以使用我自己的方法,因爲我不希望我的模式被關閉。 – 2015-02-10 23:29:56
我的編輯是否回答您的問題,還是您需要更多說明? – restassured 2015-02-11 00:50:07
謝謝你放心。這看起來不錯,讓我嘗試實現這一點。希望這能解決我的問題。我有一個全局根控制器說WrapperCntrl作爲我的應用程序中的所有其他控制器的父項。這WrapperCntrl擁有我需要在我的應用程序中的常用功能。現在,我的父控制器說cntrlA,這是我的模態cntrlB的父。當我在我的模態上使用btn時,我想從我的cntrlA中調用一個方法,該方法將依次調用WrapperCntrl中可用的常用方法。我甚至需要傳遞參數 – 2015-02-11 17:26:21
- 1. 從子控制器調用父控制器的方法
- 2. 如何調用從模型控制器父類的方法
- 3. 如何從控制器調用引導程序模式?
- 4. 父控制器上的調用方法?
- 5. 如何在顯示引導模式的按鈕上調用控制器方法?
- 6. 從AngularJS的父控制器調用指令控制器的方法
- 7. 調用模型方法在控制器
- 8. 從擴展控制器角度調用父方法
- 9. 從AngularJS中的指令調用父控制器的方法
- 10. ASP.NET MVC-在引導模式中使用表單從控制器調用動作
- 11. 在codeigniter中如何從子控制器調用該方法時從父控制器中的方法獲取對子控制器的引用
- 12. 調用父視圖控制器(通過導航控制器)
- 13. 從模態窗口調用父視圖控制器的方法時出錯
- 14. 從控制器調用jQuery的方法
- 15. 從腳本調用控制器方法
- 16. 從控制器調用方法
- 17. 從控制器調用指令方法
- 18. 從方法調用控制器
- 19. 從mvc3控制器調用javascript方法?
- 20. 如何在導軌控制器中調用模型方法
- 21. 導軌調用方法控制器vs模型
- 22. 調用控制器方法
- 23. ExtJs5:從控制器1調用控制器2的方法
- 24. 從外部控制器調用ng-view控制器方法?
- 25. 以嵌套模式形式從一個控制器調用兩個方法
- 26. 當使用控制組與Twitter引導
- 27. 從另一個控制器方法重新使用控制器方法(導軌)
- 28. 從後臺操作調用導航控制器方法
- 29. Zend Framework:使用控制器方法調用模型方法
- 30. EventEmitter從引導模式組件到父
使用工廠,您可以通過控制器「共享」方法和屬性。 – klauskpm 2015-02-10 19:37:46