AngularJS中处理异步模态框确认与同步组件行为的策略

<tags-input ng-model="formVm.form.tags" on-tag-removing="removingTagModal($tag)"></tags-input>

$scope.removingTagModal = function($tag) {
    var promiseDivRemove = new Promise(function(resolve, reject) { 
        $modal.open({
            templateUrl: 'removeTagModal.html',
            controller: 'RemoveTagModalController',
            size: 'lg',
            resolve: {}
        }).result.then(function(item) {
            resolve(item);    
        });
    });
    return promiseDivRemove; // 这种方式无法满足on-tag-removing对同步布尔值的期望
};

// RemoveTagModalController 示例
.controller('RemoveTagModalController', ['$scope', '$modalInstance', function($scope, $modalInstance) {
    $scope.ok = function() {
        $modalInstance.close(true);
    };
    $scope.cancel = function() {
        $modalInstance.close(false);
    };
}])

// AngularJS控制器代码
$scope.removingTagModal = function($tag) {
    // 打开模态框进行确认
    $modal.open({
        templateUrl: 'removeTagModal.html',
        // 可以将控制器直接定义在这里，简化代码
        controller: function($scope, $modalInstance){
            $scope.ok = function() {
                $modalInstance.close(true); // 用户确认删除
            };
            $scope.cancel = function() {
                $modalInstance.close(false); // 用户取消
            };
        },
        size: 'lg',
    }).result.then(function(item) {
        // 模态框关闭后执行的回调
        if (item) { // 如果用户点击了确认（item为true）
            // 手动从数据模型中移除标签
            var idx = $scope.formVm.form.tags.indexOf($tag);
            if (idx > -1) {
                $scope.formVm.form.tags.splice(idx, 1);
            }
        }
    });

    // 立即返回 false，阻止 tags-input 组件的默认移除行为
    return false;
};

<div class="modal-header">
    <h3 class="modal-title">确认删除</h3>
</div>
<div class="modal-body">
    您确定要删除此标签吗？
</div>
<div class="modal-footer">
    <button class="btn btn-primary" type="button" ng-click="ok()">确定</button>
    <button class="btn btn-warning" type="button" ng-click="cancel()">取消</button>
</div>