问题标签 [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 投票
3 回答
1582 浏览

javascript - 在没有模板页面的情况下使用 Angular

我有一些路线,其中一些视图使用我的 index.html 作为模板。在特定视图(例如登录页面)上,我不想使用 index.html 作为模板。如何用 Angular 做到这一点:

我已经尝试过像这样使用 ui-route:

在这两种情况下,我的页面总是从我的 index.html 继承。

0 投票
2 回答
1037 浏览

angularjs - Angularjs单元测试使用外部模板在自定义指令中解析承诺

我有一个使用外部模板并从服务传递数据的自定义指令。我决定在修改数据之前确保承诺得到解决,这在实际代码中很好,但破坏了我的单元测试,这很烦人。我尝试了许多变体,但现在卡住了。我正在使用“ng-html2js”预处理器。

这是单元测试

我省略了自定义 addMatchers 和其余测试。我得到的错误是

这是指令

});

这是在 main.html 中使用指令的地方

在主控制器中,流派服务被传入,即

0 投票
1 回答
643 浏览

angularjs - 如何在自定义指令Angularjs中合并表达式

我打破了我的头试图解决这个问题。假设我有这个自定义指令:

这是我的templateurl test.html

和电话

问题出在 test.html 模板中,表达式formName.inputName.$invalid不起作用,我尝试{{formName}}.{{inputName}}.$invalid并没有,我也尝试更改指令定义中的参数&, @ ... =?

我无法合并此表达式,感谢您的帮助。

更新,解决问题(感谢 Joe Enzminger):

最后,我通过以下方式更改指令:

注意表单 attr 为 ctrl。

模板 test.html

这里formName.inputName.$invalid改变form[inputName].$invalid

最后打电话

我希望有用

0 投票
3 回答
1801 浏览

javascript - AngularJS指令模板类不呈现

我有一个返回模板的简单指令。问题是模板中使用的类不起作用。这是HTML代码:

这是指令:

这是一个演示

0 投票
1 回答
973 浏览

angularjs - 需要从控制器的 ng-init 函数调用中为 Angularjs 中的自定义指令获取模板

作为 angularjs 指令的初学者,我有点困惑。任何人都可以在下面帮助我。以下是我的自定义指令。

我希望我的模板为template = templateFromController. 即,我不想在指令中硬编码我的模板。相反,我想在 ng-init 函数调用期间在控制器中形成模板,并且我希望我的指令使用该模板。我该怎么做?

所以在我的控制器中,我会有类似的东西,

或者

像这样,基于我的控制器的 ng-init 函数调用中的一些其他标准,我将形成我的var templateFromController,并且我希望我的自定义指令将此 templateFromController 用于其模板。任何人都可以帮我做吗?

@Daniel,我根据您的建议进行了以下更改:

在控制器中:

在我的jsp中,我有:

但它给出了错误:模板未在var linkFn = $compile(template);我的指令行定义。

0 投票
2 回答
95 浏览

angularjs - 在 Angular js 中,自定义指令需要一种方法来处理具有不同模型名称的动态模板

我正在研究一个自定义指令,我将在单击选项卡时从控制器获取模板以进行编译。以下是我的模板、自定义指令和 html 代码。

控制器 :

我的自定义指令:

在jsp页面中我有:

如果满足条件,我的自定义指令工作正常并在$scope.onTabClick功能中正确显示图表。eachTab.id == 1我怎样才能使指令通用,以便即使满足eachTab.id == 2oreachTab.id == 3条件它也能工作?

0 投票
1 回答
919 浏览

asp.net-mvc - 如何将angularjs模板用于剑道ui网格

我正在尝试使用带有 angularjs 的剑道 ui 控件。我见过的大多数示例使用剑道模板而不是角度模板来定义网格应该看起来。

可能吗?

0 投票
1 回答
25 浏览

angularjs - 这个指令示例中的跨度来自哪里?

这个 plunk取自 Angular 开发人员指南,但对我来说没有意义。它只是应该显示 transclude 的基本功能,我理解,但是在渲染的输出中你会看到突然有一个span标签。那个是从哪里来的?它不是模板的一部分。

0 投票
2 回答
6694 浏览

javascript - `ng-include`找不到内联`ng-template`

我有一个视图正在加载一个嵌入的视图,该视图在文件的后面text/ng-template找不到。ng-include脚本块位于视图文件的最顶部:

我稍后在文件中加载:

但在控制台中产生 404 错误:

我已经尝试了几种命名变体(比如最后使用 .html)并ng-include用作属性而不是高级元素。一切都没有运气。

什么可能导致嵌入式ng-template没有ng-include在同一个视图文件中注册?

更新:

正如评论和答案所指出的,我的代码的基本设计是正确的。但是某些事情导致ng-template(显然)无法使模板对系统可用。

我更新了我的代码以从 HTML 文件(而不是嵌入的模板)中提取,它工作正常。

有没有一种常见的情况我可能会遇到这种情况ng-template

0 投票
1 回答
1236 浏览

angularjs - 如何在angularjs中为警报创建通用函数

我正在研究 angularJS,我想创建通用警报功能,因此我可以在所有控制器中使用它来进行验证和其他目的。

我的服务是,

})

控制器一,

控制器二,

控制器调用服务,我可以在屏幕上看到警报 div 内容

我的看法是,

在这里,我创建了通用模板,并且分配了“alertMessage”和“showAlert”,这工作正常。但是我应该写什么来代替“???whichName???”控制器。

因为我想使用来自不同控制器的相同服务。但是当我调用“hideAlert()”操作时,它需要去哪里执行?

我们不能在 ng-Controller 目录中写入 serviceName。

那么我需要在我的代码中进行哪些更改才能使其正常工作?