代码之家  ›  专栏  ›  技术社区  ›  Saeed

角带模态范围

  •  0
  • Saeed  · 技术社区  · 9 年前

    我正在使用角带,特别是它的模态,我正在使用 this 编码时显示样式。它是我的控制器的一部分:

    function parentController($scope, $routeParams, $location, $modal) {
        var vm = this;
        vm.message = '';
    ...
    

    modal的html部分:

    <div class="modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header" ng-show="title">
                    <button type="button" role="button" class="close" aria-label="Close" ng-click="$hide()"><span aria-hidden="true">&times;</span></button>
                    <h1 class="modal-title" ng-bind="title"></h1>
                </div>
                <div class="modal-body" ng-bind-html="content">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success pull-left" ng-click="$hide();parentController.f1();" aria-label="Close">yes</button>
                    <button type="button" class="btn btn-danger pull-left" ng-click="$hide();parentController.f2();" aria-label="Close">no</button>
                </div>
            </div>
        </div>
    </div>
    

    这是我在控制器中的模态定义:

    var modalObject = {
                    scope: $scope,
                    templateUrl: 'path/to/modal.html',
                    title: 'desc',
                    content: '<p>enter description here</p> <textarea ng-model="parentController.message" class="form-control" rows="10"></textarea>',
                    show: false
                };
    
    $modal(modalObject);
    

    现在,我将访问parentController中的消息值。当我记录 vm.message 在f2函数中,它是空的。访问它的解决方案是什么?

    1 回复  |  直到 9 年前
        1
  •  0
  •   Saeed    9 年前

    var modalObject = {
                    scope: $scope,
                    templateUrl: 'path/to/modal.html',
                    title: 'desc',
                    show: false
                };
    
    $modal(modalObject);
    

    <div class="modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header" ng-show="title">
                    <button type="button" role="button" class="close" aria-label="Close" ng-click="$hide()"><span aria-hidden="true">&times;</span></button>
                    <h1 class="modal-title" ng-bind="title"></h1>
                </div>
                <div class="modal-body">
                    <p>enter description here</p>
                    <textarea ng-model="parentController.message" class="form-control" rows="10"></textarea>
            </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success pull-left" ng-click="$hide();parentController.f1();" aria-label="Close">yes</button>
                    <button type="button" class="btn btn-danger pull-left" ng-click="$hide();parentController.f2();" aria-label="Close">no</button>
                </div>
            </div>
        </div>
    </div>
    

    所以,我的模型中有textarea的值