问题标签 [angular-template]

我正在本地开发单页应用程序。

我似乎无法使用 Angularjs 中的简单自定义指令将 HTML 文件作为模板加载。如果我尝试使用该template:属性使用原始 html，它可以正常工作，但我需要在此模板中使用超过 400 行代码，并且一旦我尝试不使用templateUrl:任何负载。我尝试了 30 种可能的路径，包括将 HTML 文件复制到许多不同的位置，例如 C:/my-customer.html，这是我的项目结构：

保持简单，我在这里使用angular 文档中的示例是我的指令代码（在 main.js 和我的控制器中）：

我再次尝试了类似的路径：../my-customer.html ../templates/my-customer.html等等，但没有任何templateUrl:效果，如果这有帮助，我在没有本地 Web 服务器运行的 Windows 上。

这里有一些控制台错误，但作为一个新手不确定它们的含义，我觉得我需要运行一个 Web 服务器并通过 http 进行解析。

Angularjs 的新手。我在项目中碰壁了，现在我完全被卡住了。

我们正在grunt-html-angular-validate为 HTML lints 使用包。它在后台使用 W3C在线验证器工具，到目前为止，它在验证我们的 Angular 模板方面做得很好。

今天，它在检查从存储库中提取的最新更改时失败，并出现以下错误：

验证 src/login/login.html ...错误 [L37:C108]

元素输入上属性自动聚焦的错误值 {{regCodeRequired}}。

以下是失败的相关行：

这基本上是用于输入双因素身份验证的注册码的字段。regCodeRequired是一个布尔变量，true一旦用户通过第一个登录/密码验证步骤，就会设置为。

而且我看到输入出现在它上面（使用 chrome 39）——它正在工作。

问题：

我很确定验证工具有抱怨的理由，但我不确定如何继续。我们是否autofocus错误地使用了属性？我们应该如何修复验证错误？

我查看了W3C 验证器错误，试图找到解释，但那里什么autofocus也没有。此外，w3cjsgithub 存储库中没有任何内容。

这是 grunt 的配置htmlangular：

将不胜感激任何指针。

我正在关注本教程：https ://thinkster.io/angulartutorial/angular-rails/一切都很顺利，直到我不得不在rails assets pipeline javascripts中使用文件夹安排我的角度代码并使用gem'angular -rails-template' ( https://github.com/pitr/angular-rails-templates ) 来接触它们。

我已经通过 Gemfile 安装了 gem，即使我需要 application.js 中的文件，我也收到“找不到文件 'angular-rails-templates'”错误：

有什么建议么？

我看到了一个代码示例并进行了编辑以实现我需要的功能。

您可以在http://jsfiddle.net/infnadanada/abr5h5we/中看到它

问题是当通过“uiwidget”指令初始化两个（或更多）对象时，这两个对象返回最后一个传递的值。

有没有办法解决这个问题，或者其他代码允许我使用属性（+其他属性，如您所见）将 $templateCache 传递给指令？

HTML

角度

PD：我是 Angular 的新手，很抱歉我的英语不好 :D 谢谢！

在搜索了 stackoverflow 和其他网站 3 天之后，我发现自己又回到了第一方。

我的任务：我需要验证动态生成的表单字段。

的HTML：

控制器：

指令：

显然存在一些范围问题，因为我无法访问指令之外的表单字段，也无法访问指令内的表单名称。我也知道 $scope.myForm.name 属性不能是角度绑定表达式，但我不确定如何重写它以使其工作。

这是 jsfiddle：http: //jsfiddle.net/scheedalla/57tt04ch/

任何指导都会非常有用，谢谢！

我正在尝试合并gulp,angular ngbp和ionic. 到目前为止，我已将示例应用程序代码重组为 ngbp 样式，并将模板编译成一个js文件，以便可以将它们加载到应用程序文件中$templateCache，然后我的应用程序js文件可以从缓存中获取模板。

在我的index.html

在我的templates-app.js

示例路由（browse/routes.js），模板在src/app/browse/templates/（构建中不包含模板，因此需要templates-app.js来缓存模板）

这通常适用于通用ngbp项目，但由于某种原因，当我localhost:8080为我的项目加载时，angular应用程序仍会尝试GET使用模板文件 (404)。为什么我的应用不使用缓存？

我有两个 html 页面，snippet1.html& snippet2.html。我想在我的指令中使用它们。因为我将使用单个指令添加多个模板。

<script>我通过在标签中添加 html 模板来尝试这个东西，type="text/ng-template"并像下面一样给他们。

然后我使用$templateCache.get('snippet1.html'). 此实现运行良好。

但在我的情况下，我需要从 html 本身加载它们，所以我决定通过 ajax 加载模板并制作$http cache: $templateCache

工作 JSFiddle

运行块

但是在我的控制器内部$templateCache.get('snippet1.html')是未定义的。

我的问题是，为什么当我在<script>' tag & Why it don't work when I html inside$templateCache while making$http` ajax 调用中声明模板时它正在工作？

有问题的 Plunkr

谁能帮我解决这个问题？或者我在代码中遗漏了任何东西。

帮助将不胜感激。谢谢。

我使用模板文件创建了一个寻呼机小部件，我在我的 HTML 页面中使用了两次。我有一个选择转到页面选项以及上一页和下一页的链接。

问题是，当我使用选择框更新当前页面时，它会更新，然后我使用上一页和下一页链接，当前页面会更新，但选择框不会更新。

请告诉我我做错了什么。在我构建这样的寻呼机小部件的方法中是否存在任何逻辑错误？

控制器代码：

这是用于重现问题的 plnkr URL。

http://plnkr.co/edit/9LUJnVzWAS9BauyORQn5?p=preview

我需要在标签单击时在单个页面中显示多个 angularjs 指令。它可以是 c3 图表指令和 ng 网格指令的组合。我正在控制器中准备具有所有这些相关参数的模型，然后形成模板，然后在控制器本身中编译，这完全可以正常工作。当我意识到在控制器中进行 DOM 操作不是一个好习惯时，我正在尝试在自定义指令中进行操作。

该指令应支持以下功能：

1. 模板应该是 C3 图表指令的组合。
2. 该模板还可以具有 Angularjs ng Grid 指令以及 c3 图表指令。
3. 将来我还想使用 Good Map 指令以及 C3 图表和 ng 网格指令。
4. 并且其中一些指令应该支持自定义下拉菜单。

现在我已经在我的控制器中使用了以下代码，它运行良好。

为了简单起见，我只提供了一些示例代码。基于dashletteId，我有一些特定的要求，我根据dashletteId动态创建模板，所有这些代码对我来说都很好。现在我的目标是将所有这些模板形成和编译代码从控制器移动到自定义指令，我正在为此寻找最佳解决方案，任何人都可以建议我一些指向最佳解决方案的指针。

对于特定用户，当他单击任何选项卡时，必须为编译形成什么模板是预定义的。所以我可以在 ng-init 函数调用或选项卡的单击（即选择）函数调用期间得到它。

以下是我的 ng 网格模板形成的示例代码。

所以在一个页面中我需要显示四个指令，它可以是 3 个 c3 图表和 1 个 ng 网格表指令，或者 2 个 C3 图表和 2 个 ng 网格表等，这取决于用户做出的预定义选择。

以下是我的自定义指令的初步代码，在进一步研究之前，我想从其他人那里获得更好的方法。在我的链接功能中，我需要在选项卡单击或 ng-init 阶段等时从控制器动态获取模板。

如果我需要进一步澄清我的问题，请告诉我。请提供一些示例代码的任何说明。

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

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

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

或者

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

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

在控制器中：

在我的jsp中，我有：

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