Javascript 如何在指令模板中呈现双花括号?
我正在与AngularJS进行后端验证集成。我需要在控件旁边显示一条错误消息。错误消息来自后端。控件由指令模板呈现。我尝试在模板中为错误消息和控件添加一个span,但遇到了一个尴尬的情况 代码如下:Javascript 如何在指令模板中呈现双花括号?,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,我正在与AngularJS进行后端验证集成。我需要在控件旁边显示一条错误消息。错误消息来自后端。控件由指令模板呈现。我尝试在模板中为错误消息和控件添加一个span,但遇到了一个尴尬的情况 代码如下: var myDirective=angular.module('myDirective',[]); 指令(“textquestion”,function()){ 返回{ 模板:{{错误[questionNumber]}}, 限制:“A”, 范围:{ 问题编号:“问题编号” } }; }) 如您所见
var myDirective=angular.module('myDirective',[]);
指令(“textquestion”,function()){
返回{
模板:{{错误[questionNumber]}},
限制:“A”,
范围:{
问题编号:“问题编号”
}
};
})
如您所见,我想用html呈现{{errors['1001']}
,其中'1001'是实际的问题编号,因此可以绑定错误消息。但在当前代码中,由于在呈现时errors['1001']
为空,因此此部分将不以html呈现任何内容
谁能帮我用html呈现实际的{{{errors['1001']}}
?还是有更好的方法?请记住,控件是动态生成的,因此questionNumber需要是动态的。这个错误消息来自后端,所以绑定需要在渲染之后发生
谢谢!您不需要在
ng节目中使用{{}}。传递到ng show
中的内容已经是一个表达式
<span ng-show="errors[questionNumber]">{{errors[questionNumber]}}</span>
{{errors[questionNumber]}
当我凝视我的水晶球时…我看到…$compile
…在你的未来。你会遇到什么样的错误?您不需要$compile,因为指令会通过模板自动完成这项工作。但正如@rob在回答中提到的,你有一些语法问题。@Steve谢谢。我将尝试了解$ribsies,谢谢您的帮助。我已经纠正了我的语法问题。我想我之所以会遇到这个问题,是因为当我们需要混合使用模板和指令模板时,我感到困惑,不知道应该把什么放在哪里。原来我把这个span放错了。@magicbacon-np,但请记住,$compile
用于指令中的特殊情况。这是一个有用的工具,但在这种情况下可能不合适……我没有深入研究你的问题。这类问题会在$compile
中出现:)谢谢。事实证明,我不应该将验证错误放在指令模板中。一旦搬走,问题就很容易解决了。你所指出的也是正确的。谢谢你的帮助!