Angularjs 尝试弹出模式窗口-使用角度和引导

首先，我正处于Angular的初级阶段，所以我很自然地希望我的问题很简单，但无法确定它们是什么和在哪里

我有一个通知列表，显示在一对ul标签中。通知正文通常会被截断。当用户单击通知时，将弹出一个模式窗口，显示通知的全文

两个问题：

模态窗口确实弹出了，但是通知的主体根本没有显示，相反，我看到了

{{$scope.Display_Notification.text}}

我收到一条错误消息，说明参数“ShowNotificationDialog”不是函数，未定义

以下是对话的HTML：

<script type="text/ng-template" id="show-notification-details.html">
    <div class="modal-header">
        <h3 class="modal-title">
            Notification Details...
        </h3>
    </div>
    <div class="modal-body"  ng-controller="ShowNotificationDialog">
        <div id="Display_Notification_Body">
            This should be the "text" field: >>{{$scope.Display_Notification.text}}<<
        </div>
    </div>
    <div class="modal-footer">
        <div class="btn-group">
            <button class="btn btn-primary" style="width:140px" ng-click="Dismiss_Notification()">Dismiss</button>
        </div>
    </div>
</script>

模态窗口的控制器如下所示：

:
:
var ShowNotificationDialog = (function (p_Notif) {
    
    function ShowNotificationDialog($scope, $modalInstance , p_Notif ) {
                    console.log("*** Log 1 in ShowNotificationDialog ***") ;
    }
    ShowNotificationDialog.$inject = ['$scope', '$modalInstance' ];
    return ShowNotificationDialog;
})();    
:
:

控制台（Chrome）的内容包括：

:

:

=== Log 1 in OpenNotificationDialog === 

=== Log 2 in OpenNotificationDialog ===

=== Log 1 in ShowNotificationDialog ===

angular.js:11655 Error: [ng:areq] Argument 'ShowNotificationDialog' is not a function, got undefined
http://errors.angularjs.org/1.3.15/ng/areq?p0=ShowNotificationDialog&p1=not%20aNaNunction%2C%20got%20undefined
    at REGEX_STRING_REGEXP (chrome-extension://hcdgjohfmldbigeocpolkcekdojldfcj/vendor/angularjs/angular.js:63:12)
:
:

---

我猜您使用的是angular ui引导，您应该遵循他们的文档，查看模态组件的示例：

AngularJs是一个非常流行的框架，大多数情况下，您会发现一些现有的项目可以满足您的特定需求

除此之外，快速看一下，我对您的代码至少有几点意见：

• 在视图/模板中时，不需要在范围变量上指定$scope。 将

  {{$scope.Display_Notification.text}}

  替换为

  {{Display_Notification.text}

• 语法很奇怪，你的控制器声明正确吗？（查看官方文件：）

---

我猜您使用的是angular ui引导，您应该遵循他们的文档，查看模态组件的示例：

AngularJs是一个非常流行的框架，大多数情况下，您会发现一些现有的项目可以满足您的特定需求

除此之外，快速看一下，我对您的代码至少有几点意见：

• 在视图/模板中时，不需要在范围变量上指定$scope。 将

  {{$scope.Display_Notification.text}}

  替换为

  {{Display_Notification.text}

• 语法很奇怪，你的控制器声明正确吗？（查看官方文件：）

---

你好，杰里米，谢谢你的评论。我应该在我最初的描述中添加一个重要的事实：第一个是我从使用TypeScript开发代码的其他人那里继承了代码（现在已经够不着了）；我发布的代码只是其中的一部分。至于你的建议，我复制粘贴了模态窗口控制器的代码（更新角度模块和控制器名称），但仍然收到相同的错误消息（即参数“extApp.controllers.ShowNotificationDialog”不是函数，未定义）。你好，Jeremy，谢谢你的评论。我应该在我最初的描述中添加一个重要的事实：第一个是我从使用TypeScript开发代码的其他人那里继承了代码（现在已经够不着了）；我发布的代码只是其中的一部分。至于你的建议，我复制粘贴了模态窗口控制器的代码（更新角度模块和控制器名称），但仍然收到相同的错误消息（即参数“extApp.controllers.ShowNotificationDialog”不是函数，未定义）。你好，Jeremy，谢谢你的评论。我应该在我最初的描述中添加一个重要的事实：第一个是我从使用TypeScript开发代码的其他人那里继承了代码（现在已经够不着了）；我发布的代码只是其中的一部分。至于您的建议，我复制粘贴了模态窗口控制器的代码（更新角度模块和控制器名称），但仍然收到相同的错误消息（即参数“extApp.controllers.ShowNotificationDialog”不是函数，未定义）。

:

:

=== Log 1 in OpenNotificationDialog === 

=== Log 2 in OpenNotificationDialog ===

=== Log 1 in ShowNotificationDialog ===

angular.js:11655 Error: [ng:areq] Argument 'ShowNotificationDialog' is not a function, got undefined
http://errors.angularjs.org/1.3.15/ng/areq?p0=ShowNotificationDialog&p1=not%20aNaNunction%2C%20got%20undefined
    at REGEX_STRING_REGEXP (chrome-extension://hcdgjohfmldbigeocpolkcekdojldfcj/vendor/angularjs/angular.js:63:12)
:
: