【问题标题】:Angular.js: Is it possible to show a AngularStrap modal programmatically?Angular.js:是否可以以编程方式显示 AngularStrap 模式?
【发布时间】:2015-02-16 19:07:05
【问题描述】:

我想触发 AngularStrap 模态:bs-alert 当 a 在我的 ng-grid 中编辑表格行时。根据 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
                }
        });
    };

如何做到这一点?

【问题讨论】:

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


    【解决方案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,
            });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-08-20
      • 2010-11-15
      • 1970-01-01
      • 1970-01-01
      • 2021-12-14
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多