Angular.js:是否可以通过编程方式显示AngularStrap模式?

时间:2014-09-10 13:06:58

标签: angularjs angular-strap angular-ui-grid

我想在我的ng-grid中编辑一个表行时触发AngularStrap模式:bs-alert。根据HTTP响应状态,我想显示不同类型的模态消息,例如成功和错误信息。

我的代码是在编辑ng-grid中的条目后,会触发以下内容:

        $scope.gridOptions.onRegisterApi = function( gridApi ) {
        gridApi.edit.on.afterCellEdit( $scope, function( rowEntity, colDef ) {

            $http.put(ApiCall, rowEntity).success(function(data, status, headers, config){
                if (data.status === 'OK'){
                    // Trigger Modal bs-alert
                }
                else if (data.status === 'ERR'){
                   // Trigger (same if possible) Modal with different values, coloring, etc
                }
        });
    };

如何实现这个目标?

1 个答案:

答案 0 :(得分:1)

是的,只需将'$alert'传递到您的控制器中并在控制器内部执行

var myAlert = $alert({  

    title: 'myTitle',
    content: 'someContent', 
    type: 'success',
    show: true
 });

..在您的代码的适当部分,弹出窗口应该显示。您还可以在代码的app.config部分定义警报的全局属性,并传入$alertProvider

angular.extend($alertProvider.defaults, {
            animation: 'am-fade-and-slide-top',
            placement: 'top', 
            duration: 2,
            container: 'header',
            keyboard: 'true',
            show: true,
        });