AngularJS - 对话服务演示没有模板URL

时间:2014-03-12 18:05:38

标签: angularjs angular-ui-bootstrap

我已经使用Angular升级到我的模态的Bootstrap 3.03。我在设置templateUrl时遇到了困难。

我检查了dialogServiceTest控制器,但没有模板网址的示例。

具体来说,这是我失败的尝试:

            case 'logOut':
                var dlg = $dialog.dialog({
                    backdrop: true,
                    keyboard: true,
                    backdropClick: true,
                    templateUrl: "logout.html",
                    controller: 'DialogCtl'
                    });
                break;

此外,我对whatsYourNameCtrl留下了深刻印象,并试图模仿我的目的(不是在plnker中):

app.run([
        '$q', '$templateCache', '$rootScope',
            function($q, $templateCache, $rootScope) {
                $templateCache.put
                    // logout modal
                    ('/dialogs/logout.html',
                        ' .....
                      <strong class="ng-binding">{{getMemberName}}</strong></span> ?
                          .....                        
                        '<button id="btn1" data-ng-click="yes()" ... >Yes</button>' +
                        '<button id="btn2" data-ng-click="no()" ... >No</button>' +
                          .....
                    );

使用CustomDialogCtrl中的$ emit调用:

    $scope.LogOutMemberName = function() {
        $scope.$emit('getMemberName');
    };

但它没有击中RouteController(页面的父页面,即&lt; body data-ng-controller =&#34; RouteCtrl&#34;&gt; 有这个电话:

    $scope.$on('getMemberName', function () {
        console.log('John');
        return 'John';
    });

问题:

  1. 如上所述,可能有人知道templateUrl的一个例子吗?

  2. 有没有人使用html缓存取得任何成功,如上所述,对父控制器进行了一次emit调用?

  3. 全部谢谢...

1 个答案:

答案 0 :(得分:-1)

            case 'logout':
                var dlg = $dialogs.create('/app/html/modals/modal-logout.html', 'CustomDialogCtrl', {}, {});
                break;