我将 Jade 模板与 Angular JS 结合使用,并在 Angular 的控制器中定义了这样的转发器处理简单数组:$scope.ids = ['demo1', 'demo2']
.controls(ng-repeat="controlId in ids")
<div id="{{$index}}">{{$index}}</div>
无论我做什么 Jade 都会尝试解析传递给 SELECT 标签的所有内容,因此它总是从标签的属性中删除 $index 变量。作为 HTML 的结果,我总是看到以下内容:
<div id="">0</div> // ID attribute is always empty because Jade replaces it
<div id="">1</div> // at the same time HTML of the tag was rendered correctly
问题:如何防止 Jade 解析此 HTML 属性并在结果 HTML 中打印字符串?
PS我尝试了以下语法,但它不起作用......建议?
id="|{{$index}}" // id is empty
id!="{{$index}}" // id is empty
id="!{{$index}}" // syntax error
id="!{{controlId}}" // syntax error
{:id => {{$index}}} // does not add ID at all
PPS 只是为了解释为什么我用 HTML 来搞乱 Jade - 我尝试使用“仅玉”语法,但它也不起作用:
.controls(ng-repeat="controlId in ids")
.demo(id="{{$index}}") {{$index}}