问题标签 [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 回答
224 浏览

angularjs - 使用角度编译编译字符串html在其中包含ng-repeat不起作用

抱歉之前的问题格式不好。现在改变这个

我有一个 html 字符串,它使用 ngrepeat 来呈现所需的 div ..

这里“createCtrl.finalCCList”包含实体对象列表,其中包含名称和 id 属性。现在,当我尝试使用 -

我什么都得不到。而我检查并 $scope.createCtrl.finalCCList 确实具有所需的值。

我在这里有什么遗漏吗。

0 投票
1 回答
1738 浏览

angularjs - 具有 ng-include 和单独模板指令的 AngularJS 动态模板

我想创建一个基于上下文参数动态加载不同模板的 div:

我的“搜索结果容器”指令:

我的“search-results-container.html”文件:

我的“search-results-table-view.html”文件:

动态加载模板没有问题。但是,我希望这些模板在加载完成后运行一些“回调”功能。

我知道有“onload”属性,我可以像这样添加:

这意味着我需要在范围内使用“onLoadFunction”填充我原来的“search-results-container”指令,这将不得不使用开关(或类似技术)来区分模板文件并运行特定的函数,具体取决于在当前活动的 - 我想阻止它,因为它不干净。

我想为每个模板设置单独的指令,例如:

如果我这样做,我会相应地更改我的“search-results-table-view.html”:

...我遇到某种无限循环或其他东西,Angular / 浏览器崩溃(变得无响应)。有没有办法实现我的计划,而不用大量“onLoad”函数填充容器的指令,每个嵌套模板一个?

0 投票
1 回答
331 浏览

javascript - 指令中的 AngularJS 模板函数给出错误“指令的模板必须只有一个根元素”

我正在开发一个角度应用程序。对于某个指令,我使用这样的模板函数:

但是,当我运行我的代码时,我收到以下错误:

错误:指令模板必须只有一个根元素,函数(元素,属性){ ...函数定义在这里 }

如果我将其更改为正常的键值对,如下所示,它可以正常工作。

我不明白这里有什么问题。链接和编译功能工作得很好。对此的任何帮助将不胜感激。提前致谢

0 投票
3 回答
49 浏览

javascript - 我想使用 ngIf angularjs 根据另一个输入字段的值来控制一些选择选项的外观

使用 Angularjs 1.x,我正在尝试创建一个有两个选择的表单。根据第一次选择中选择的选项,我想在第二次选择中显示更多或更少的选项。这是表格:

这是控制器:

我遇到的问题是这不起作用。第二个选择的所有选项一直显示。更新大小函数的目的是将 $scope.show1 等转换为 ngIf 的布尔值。我尝试了使用大小值的表达式,但这不起作用。

我究竟做错了什么?

0 投票
2 回答
8363 浏览

angular - 如何在Angular2的模板中打印对象属性

我是 angular2 的新手,并试图将对象结果绑定到 html 模板。我可以通过使用 Observable 从 srtvice 获取数据。我也可以在控制台和模板中看到 JSON 数据。但是当我尝试从结果 json 访问属性时,它没有显示如下图所示的数据。

输出

下面是我的那个组件的代码,

我正在调用 imit 方法的服务以及我想在模板中看到的数据。

我还需要在哪里更改才能打印数据?

0 投票
0 回答
60 浏览

angularjs - 如何管理写为字符串的内部html中的引号[']?

我在编译这个 html 代码时遇到了麻烦:

my-directive获取包含 ng-class 和表达式的内部 html。我在字符串中的引号 ['] 有问题。

0 投票
1 回答
969 浏览

javascript - AngularJS 使用参数创建部分模板

我已经通过以下SO问题得到我想要的。

在angularjs中为多个部分视图创建一个html视图

AngularJS 中的部分视图

AngularJs 包含部分模板

具有特定范围的 angularjs 部分模板- 看起来接近我想要的。

但我相信我的情况与所有人都不同。因此,问题。

我有这个HTML需要重复多次的结构。

我想将实体的名称作为参数传递,并根据该参数呈现此 HTML 模板。

我创建了一个如下所示的模板。

我的控制器

我正在尝试为<tbody>元素内的多个实体呈现相同的内容,如下所示。

但它不起作用。它也不会在控制台中引发任何错误。

我该怎么做?处理这个的正确方法是什么?是否可以使用模板来处理它,或者我应该手动为所有实体放置 HTML?

0 投票
1 回答
541 浏览

javascript - how to remove templateCache with gulp?

i use angular-template-cache. follow code exist for remove template cache in app module but i need to remove all templateCache with gulp on dev machine.

0 投票
1 回答
918 浏览

angularjs - 模板未使用 ng-include 加载

我了解了 ng-include 并将其用于模板,但我无法包含该页面。

index.html和menu.html在同一个目录下,menu.html要加载到index.html中

我在 index.html 中包含了应用程序的名称。我想在页眉和页脚之间包含 menu.html。所以我删除了 menu.html 中的所有内容,除了我想要包含的容器 div。链接和引用也已在 index.html 中正确设置

我真的被困在这里了。请帮帮我!谢谢。

编辑: 这是我的项目结构 -

编辑-2

我刚刚发现,当我更改浏览器时,即从 chrome 到 firefox,它加载成功!现在为什么会这样?

0 投票
1 回答
156 浏览

angular2-template - 使用组件和模板角度 1.6 时,不会触发 Ng-click 和 ng-change

当输入输入内容时,我试图触发一个函数。出于某种原因,当我使用模板和组件时它不起作用。谁能帮我弄清楚为什么会这样?顺便说一句,我是 Angular 的新手。

组件 当单击按钮或在输入中键入内容时,应该触发 ng-click 和 ng-change 函数,但它们不会。

上面组件的模板 模板。有一些 console.logs 用于测试目的。