带有AngularJS标记的VisualForce页面

时间:2014-06-19 19:28:50

标签: angularjs salesforce visualforce

我有一个有趣的问题。

我有一个带有一些Angular JS的VisualForce页面。

问题在于ng-repeat-end标记。

HTML看起来像这样:

<span ng-repeat-end ng-if="$last" class="a nav__links__link" data-nav="control">You are here: {{breadcrumb.label}}</span>

VisualForce不会因此错误而保存:

Attribute name "ng-repeat-end" associated with an element type "span" must be followed by the ' = ' character.

所以我将违规标签更改为:

<span ng-repeat-end="" ng-if="$last" class="a nav__links__link" data-nav="control">You are here: {{breadcrumb.label}}</span>

这让VisualForce感到高兴,但Angular JS对这个错误很生气:

Unterminated attribute, found 'ng-repeat-start' but no matching 'ng-repeat-end' found.

我如何同时满足VisualForce的解析器和AngularJS?

1 个答案:

答案 0 :(得分:2)

在一天结束时,Visualforce需要一个有效的XML文档。尝试搜索&#34; Angular + XHTML&#34;我猜?我发现https://groups.google.com/forum/#!topic/angular/8iorDWKsMyI就是例如。

ng-repeat-end="ng-repeat-end"会有效吗?我记得有一个关于attr的技巧。名字为attr。值是将<input type="checkbox" checked />转换为有效XHTML的完美解决方法。

SF本身并没有包含一个与您尝试做的类似的示例,而且我对AngularJS不熟悉......可能是他们推广它但仅适用于混合应用(您可以在没有限制的情况下使用本地HTML文件)或您从javascript构建DOM的应用程序,而不是<script><body>以外的VF中的任何骨架。

最后但并非最不重要 - 检查您可以从中拯救的内容:

也许联系开发者?我能找到的所有例子似乎只是重复&#34;通过创建<table>,没有<span> s ...