anglejs – Angular-ui自举模式,而不需要创建新的控制器

发布时间：2020-12-17 08:05:21 所属栏目：安全来源：网络整理

导读：plunk： http://plnkr.co/edit/85Wl5W如果我在同一个控制器(modalController.js)上使用$ modalInstance，而不是在模态中，角度被冻结。我只想使用angularjs与angular-ui引导模态服务简化我的生活。我想使用相同的控制器在一个单独的文件，但在一个模态也。

plunk： http://plnkr.co/edit/85Wl5W如果我在同一个控制器(modalController.js)上使用$ modalInstance，而不是在模态中，角度被冻结。

我只想使用angularjs与angular-ui引导模态服务简化我的生活。我想使用相同的控制器在一个单独的文件，但在一个模态也。也就是说，我希望他们做同样的任务。有没有正确的方法呢？

例如。 modal.html，modalController.js。我想在一个模态窗口上显示这些，但是在我的应用程序中也没有模态。问题是，如果我使用相同的控制器，我不能注入$ modalInstance，因为它没有定义，如果没有模态。

提前致谢，

亚历克斯

这是可能的旧版本的UI-Bootstrap 0.10.0。即使是最新版本，它适用于我

的index.html

<!-- if you are using Bower -->    
<script src="bower_components/angular-bootstrap/ui-bootstrap.min.js">
</script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js">
</script>

<!-- modal -->
<!-- look at 'type' and 'id' values -->
<script type="text/ng-template" id="myTestModal.tmpl.html">
    <div class="modal-header">
        <h3>Modal Header</h3>
    </div>   

    <div class="modal-body">
        <p>Modal Body</p>
    </div>

    <div class="modal-footer">
        <button type="button" class="btn btn-default" ng-click="close()" data-dismiss="modal">Close
        </button>
        <button type="button" class="btn btn-primary" ng-click="doSomething()">Do Something
        </button>
    </div> 
</script>

modalDemoController.js

$scope.openModal=function(){
    $scope.modalInstance=$modal.open({
        templateUrl: 'myTestModal.tmpl.html',scope:$scope
    });
}

$scope.close=function(){
    $scope.modalInstance.dismiss();//$scope.modalInstance.close() also works I think
};

$scope.doSomething=function(){
    //any actions to take place
    console.log("Do Something");
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!