问题标签 [angularjs-templates]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
47 浏览

angularjs - 有没有办法使用单个模板并动态填充模板?

有没有办法使用单个模板并动态填充模板?http://jsfiddle.net/cmckeachie/mtV62/light/

假设我想使用 Embedded.home.html 模板动态传递“Home”和“About”值。请帮忙,因为我是 AngularJS 的新手。

0 投票
1 回答
1299 浏览

angularjs - 在 AngularJS 中延迟渲染模板

背景信息

我是 AngularJS 的新手,正在开发一个显示照片提要的简单应用程序。我有两个观点:

  • 列表- 显示所有照片列表的主视图
  • 详细信息- 当您单击其中一张照片时,您将被重定向到此处以查看该照片的详细信息

我正在使用 JSONP 请求从远程 URL 获取照片提要。为了避免在更改视图时多次获取它,我创建了一个提供程序“feedFactory”,连接到两个视图的控制器使用它来将提要对象提供到范围内。

我遇到的问题是我看到 JavaScript 错误(错误显示在帖子底部),因为在最初呈现视图时将未定义的值传递给过滤器。这是因为视图会立即呈现 - 在承诺完成和获取提要之前 - 并且值仍然未定义。毕竟一切都正确显示,但我当然需要摆脱 JavaScript 控制台中的这些错误。

问题

如何推迟模板中视图的呈现,直到承诺完成并将提要插入范围。

代码

提供者.js

控制器.js

过滤器.js

photo-detail.html 模板

控制台错误之一

其他错误

0 投票
0 回答
211 浏览

javascript - AngularJS:templateurl函数未从第二次加载执行

在下面的配置中,为了打开给定路由的模态,分配给 templateUrl 的函数在模态加载时第一次执行良好。

但是一旦 routeInfo 常量的值第一次返回到 templateUrl,函数不会从第二次调用 templateUrl 时开始执行,而是从第一次设置的缓存中获取值。

请协助?为什么?

0 投票
0 回答
33 浏览

angularjs - 手动角度加载模板,然后与另一个连接

我需要从路径加载一些模板并与另一个示例连接:

那么我如何下载模板然后与另一个模板连接并发送到服务。

0 投票
0 回答
205 浏览

javascript - 使用 $templateRequest 时,2 向绑定很多

我有一个模板,它是使用 $templateRequest 加载的。我在模板中有一个文本区域。textarea 填充在控制器中设置的值。但是当我试图访问控制器方法中的 textarea 时,它不会更新值。

模板

加载模板的方法

控制器方法

在控制台日志中, 的值quickNote显示为undefined。有什么决议吗?

0 投票
2 回答
159 浏览

javascript - AngularJS:在焦点上替换元素模板

我遇到了以下问题:我的客户希望我的角度指令能够完全改变焦点的外观。这意味着对我来说,当用户单击该元素时,我需要完全替换模板。我无法在互联网上找到答案,所以决定问。

我尝试在指令的模板部分传递“未聚焦”模板,并绑定到链接中的焦点事件,如下所示:

但它会产生错误(输入是“未聚焦”模板)

该解决方案需要与我必须使用的 Angular 1.2 兼容。

0 投票
1 回答
57 浏览

javascript - 使用 ng-if 的不同渲染?

我有一个提供搜索结果列表的 JSON 提要 - 该列表包含产品和常规页面。在呈现列表时,产品与常规页面的呈现方式不同,这意味着,如果它是产品或页面,则呈现不同的 HTML。我将如何实现这一目标?是否可以执行以下操作:

如果没有,如何在 ng-repeat 中实现不同的渲染?

0 投票
0 回答
60 浏览

angularjs - AngularJS ng-repeat 复选框更新 ng-model

我有一个问题(可能是一个简单的问题)..

我有一个带有“产品”的数组objects$scope.products..这些产品被列为checkboxes

现在我有一个新数组,其中包含选择“选择的”对象的“产品”对象,该数组加载了一个async promise..

现在我需要一种方法来只检查checkboxes所选产品..

怎么做 .. ;)

这是我的糟糕尝试..不会工作..

0 投票
2 回答
52 浏览

javascript - 无法将模型绑定到模板

我正在尝试构建一个指令来处理重复发言者列表的呈现。这里的最终目标是让页面自动反映在模式中所做的更新。

我在这里看到的问题是该speakers对象似乎没有进入模板。

这是填充的函数speakers。它在模态的承诺中被调用。 speakersspeaker对象的集合。数据按预期返回。

HTML 看起来像这样。

该指令非常简单。

“演讲者卡”模板比这要复杂一些,但您应该明白这一点。

除了没有出现演讲者之外,我认为没有speakers将其放入模板的原因是因为生成的标记看起来像这样。

在此处输入图像描述

0 投票
2 回答
2768 浏览

javascript - AngularJS 将数据传递给模板视图

我正在使用角度传单指令,并且我想在单击标记时显示模板。我从 Web 服务器获取标记,并将它们本地存储在数组中。我创建标记的方式是:

它在一个 for 循环中,它遍历 DeviceInfoArray。

每个标记都在 /templates/markerTemplate.html 中显示模板。这是一个长文件,但它位于

并且有一些{{values}}。

是否有某种方法可以绑定模板中的值或从 rootScope 或创建标记的控制器获取它们?

我不能按照教程中的说明使用 ng-repeat,因为我创建的对象(不同的标记)与创建标记的控制器不同。我有一个服务返回 DeviceInfo 中的数据,但我不想每次单击标记时都查询它。

示例标记:

html 是 markerTemplate.html(我想与 devices[] 的元素数据绑定的视图。

devices[] 是一个名为 mapController(和 rootScope)的控制器内的数组,它包含我想要显示的所有数据。我希望上面的模板从这个数组的元素中获取值。