Angular UI Bootstrap模式绑定无法正常工作

Question

这是我的AngularJS模块：

angular.module('myModule')
    .controller('modalInstanceController', function ($scope, $modalInstance, message) {
        var vm = this;
        vm.message = message;
    })
    .controller('ParentController', function ($scope, $modal) {
    var modalInstance = $modal.open({
            templateUrl: 'myFolder/modal.html',
            backdrop: 'static',
            windowClass: 'custom-modal-wait',
            dialogFade: false,
            keyboard: false,
            controller: 'modalInstanceController',
            resolve: {
                message: function () {
                    return "Doing something...";
                }
            }
        });
});

我的模板：

<div ng-controller="modalInstanceController as modalInstanceCtrl" class="modal-body">
    <div>{{modalInstanceCtrl.message}}</div>
    <img src="..\..\Content\img.gif">
</div>

为什么模型绑定不起作用？我没有看到消息，而是看到{{modalInstanceCtrl.message}}。

Answer 1

您必须添加ng-app="mymodule"。我希望这会有所帮助。