Модальный диалог с angularJS - PullRequest
Новая
       9

Модальный диалог с angularJS

0 голосов
/ 25 октября 2018

Я хочу сделать модальный диалог в AngularJS.Я использовал немного угловатый, и, проведя много исследований, я не могу найти способ сделать это.Вот мой HTML, когда я вызываю функцию (impuestos.view.html): 

div class="col-sm-12 margin-top-10">
    <button type="button" class="btn btn-info btn-sm" ng-click="$ctrl.anadirImpuesto()">A&ntilde;adir impuesto</button>
</div>

JS (impuestos.componente.js): 

var impuestosComponent = {
        template: '<div ng-include="$ctrl.loadTemplate()"></div>',
        controllerAs: '$ctrl',
        $inject: ['$routeParams','$filter','$mdDialog','BASE_SRC'],
        require: {
            parent:'^pleyadeApp'
        }
    };
    impuestosComponent.controller = function impuestosComponentController(routeParams, filter, $mdDialog, BASE_SRC) {

        var vm = this;

        vm.modalShown = false;

        vm.anadirImpuesto = function() {
            vm.modalShown = !vm.modalShown;
        };

        this.$onInit = function() {   
            vm.param = routeParams.param;
        }

        this.loadTemplate = function() {
            return 'src/flotas/impuestos/impuestos.view.html';
        }

        this.$onChanges = function(){
            vm.gridOptions.data = vm.lista;
        }

        this.$doCheck = function() {
            if(vm.gridApi != undefined)
                vm.gridApi.core.resfresh;
        }

        vm.anadirImpuesto=function(ev){
            $mdDialog.show({
                templateUrl: BASE_SRC+'flotas/impuestos/impuesto.modal/tarc.modal.html',
                controllerAs: '$ctrl',
                clickOutsideToClose:true,
                parent: angular.element(document.body),
                targetEvent: ev,
                fullscreen:false,
                controller:['$mdDialog', function($mdDialog){
                    var md = this;

                    md.hide = function() {
                      $mdDialog.hide();
                    };

                    md.cancel = function() {
                      $mdDialog.cancel();
                    };

                    md.answer = function(answer) {
                      $mdDialog.hide(answer);
                    };

                }]
            })
        }

    }

И модальные (tarc.modal.html): 

<md-dialog style="width:45%">
    <md-toolbar style="background-color: #2593B5; min-height:44px;">
        <div class="md-toolbar-tools" style="height:44px">
            <h2>Nuevo impuesto</h2>
            <md-button class="md-icon-button" ng-click="$ctrl.cancel()" style="right:20px; position:absolute">
              <md-icon aria-label="Close dialog">clear</md-icon>
            </md-button>
        </div>
    </md-toolbar>
    <ng-dialog-content>
        <div class="md-dialog-content">
            <form ng-submit="" class="formClass formCliente" name="newImpuesto" role="form">
                <div class="margin-top-20" style="text-align: center">
                    <md-button type="submit" class="dark-blue">Nuevo impuesto</md-button>
                    <md-button ng-click="$ctrl.cerrar()" class="medium-orange">Cancelar</md-button>
                </div>
            </form>
<!--            <div class="ui-grid grid-modal" ui-grid="$ctrl.gridClienteHistoricos" ui-grid-pagination></div> -->
        </div>
    </ng-dialog-content>
</md-dialog>

Когда я нажимаю модальную кнопку, я получаю эту ошибку:

Error: [$parse:lexerr]

Я надеюсь, что вы можете мне помочь, потому чтокак я уже говорил, я не контролирую большую часть угла, спасибо!

...