问题标签 [angularjs-ng-include]

我正在使用 ng-include 在部分中添加 tinymce。这是行不通的。当我将相同的语法移动到视图文件时，它正在正确加载。有什么建议，我怎样才能在部分中添加tinymce？

我是开发使用 AngularJS 和 SSRS 报告的自定义 SharePoint 应用程序的团队的一员。基本上，该应用程序允许用户选择一个报告，选择一组参数，然后在站点/应用程序中查看报告。

一切正常，直到我们打开报告工具栏。此时，报表停止呈现。只有工具栏可见。

这是我们正在做的事情：

显示报告的应用程序部分的 html：

在控制器 javascript 中，我们将报表服务器 url (CurrentReportURL) 构建为如下所示：

http://ourreportserver.com/_vti_bin/ReportServer?http://ourreportserver.com/Our%20Reports/Report1.rdl&rs:Command=Render&rc:Toolbar=false&rc:Parameters=false&Param1=41001&Param2=08&Param3=0

我们告诉它呈现报告、隐藏工具栏和隐藏参数选择。这工作正常。报告按预期呈现。

但是，将 url 更改为：

http://ourreportserver.com/_vti_bin/ReportServer?http://ourreportserver.com/Our%20Reports/Report1.rdl&rs:Command=Render&rc:Toolbar=true&rc:Parameters=false&Param1=41001&Param2=08&Param3=0

仅导致工具栏呈现。没有报告。如果我复制相同的 url 并在浏览器窗口中打开它，报告将按预期呈现。

我挖得更深一点，并使用 Chrome 和 Chrome 的开发者工具网络选项卡查看了这两种情况。ng-include 中的 url 和浏览器窗口中的 url 之间的调用存在一些差异。然而，最突出的是一个到 RSViewerPage.aspx 的 POST，其中所有报表查看器和报表参数都转换为适当的 ReportViewer 参数。（我会发布该实际链接，但 SO 告诉我，我需要 10 的声誉才能做到这一点）。

我在 Chrome 和 IE10 中得到了相同的结果。

我正在寻找一些关于为什么 ng-include 版本没有发布 POST 的指导？我相信这个 POST 与仅使用工具栏跟踪的 SSRS 会话有关，但我真的不确定。

任何指导将不胜感激！

我正在使用 ng-include 来包含一个持久菜单，该菜单存在于我的 SPA 的所有视图中。

问题是我想为每个用户类型（管理员、访客、用户等）在此菜单中显示不同的选项和内容，这需要首先解决服务功能 authService.loadCurrentUser。

为了轻松舒适地管理此内容，我创建了一个简单的指令，它采用具有所需访问级别的属性，并且在元素的编译阶段，如果给定用户的权限不足，则删除元素和它的孩子。

因此，在尝试使 ng-include 通过 routeProvider 函数失败后，我尝试使用 ng-init，但似乎没有任何效果，用户角色在我注销时仍未定义。

我正在考虑尝试一种新方法，并使整个菜单成为一个指令，其中包含适合每种用户类型的模板，但首先我想尝试解决这个问题。

指示：

服务：

菜单控制器：

主 SPA HTML 页面：

只有管​​理员才能看到的菜单元素：

提前感谢您的任何帮助！

精简版：

此 plunkr 页面将角色设置为未定义，因此不会显示应显示的内容，但当通过单击触发时，角色似乎是正确的。

示例 plunkr 以强调问题：

http://plnkr.co/edit/QHUpCv?p=preview

完整版：

我有一个静态菜单，对于我的应用程序中的所有视图都是持久的。出于显而易见的原因，我想在显示之前解决 XHR 请求。

尝试使用 an-init，但它只是使函数异步调用，尝试使用来自 $q 对象的承诺，但这也无济于事。

html:

控制器：

服务：

限制角色访问级别指令：

我正在转向 angularjs (1.2) 的最新版本，现在看来我不能在转发器中包含模板：

http://plnkr.co/edit/K7n9sNhXe4z99VMSqTlk?p=preview

我可以将指令与 templateUrl 一起使用，但有没有办法只使用 ng-include 来做到这一点？

谢谢。

注意：这适用于最新的稳定 angularjs 版本（1.0.7）

编辑：每个重复元素的错误日志（最新的 Chrome 版本）：

将 ngInclude 放入 ngIf 或 ngSwitch 时，我遇到了一些奇怪的行为。

例如，采取以下措施：

（http://plnkr.co/edit/gULbwnKb0gQS8DWz0V6U）

按钮切换选项以呈现随后的 div。内联示例的行为符合预期，内容在点击时出现或消失。

带有子包含的 div 在第一次绘制时似乎不包含模板，但随后在每次重绘时重复包含它。

这里发生了什么？我确实看到了围绕 ngInclude 的一些重大变化，还有其他方法我应该这样做吗？或者这是 Angular 中的一个错误？

编辑：

看起来这已经在 angularjs github 问题跟踪器中： https ://github.com/angular/angular.js/issues/3627

昨天当我使用旧版本时，一切正常。我的代码如下所示：

今天我更新到新版本，似乎它不再工作了。我尝试了如何使用 ng-include 的不同版本，下面的这个在内容应该出现的地方呈现了一条评论：

评论：

代码：

我也尝试将视图从部分移到脚本标签中，但这没有帮助。在我转移到脚本标记之前，有 SUCCESSFUL xhr 请求部分，但它只是没有呈现它。

有什么问题？

编辑：如果我在没有任何代码修改的情况下改回版本，一切都会再次运行。

我正在尝试使用 ng-model 将复选框绑定到范围。复选框的初始状态对应于范围模型就好了，但是当我选中/取消选中复选框时，模型不会改变。需要注意的是，模板是在运行时使用 ng-include 动态加载的

当我选中该框时，控制台记录为假，当我取消选中该框时，控制台再次记录为假。我在范围上也有一个订单模型，如果我将复选框的模型更改为 order.billing_is_shipping，它工作正常

所以我的问题是不言自明的，我想传递一个从角度模板引擎获得的参数作为参数。

就像是：

问题是作为参数传递的任何其他数值都可以正常工作，正如以下 plunkr 所强调的： http ://plnkr.co/edit/GqTDpc?p=preview

但是，一旦我尝试使用模板引擎中的值，它就会中断。

强调我的确切问题的 plunker：http: //plnkr.co/edit/FdlBQ1

TLDR：

示例：http ://plnkr.co/edit/NeUWHh?p=preview

IE8 控制台错误：TypeError: 'childNodes' is null or not an objectundefined

看起来很简单，适用于任何 webkit 浏览器，也适用于 9 以上的 IE，但在 IE8 上中断并显示内部视图的 uc 编译形式（带有花括号和字段名称）。

我的确切代码，与示例代码不同：

工作网格.html：

破折号.html：