Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在指令模板中呈现双花括号?_Javascript_Angularjs_Angularjs Directive - Fatal编程技术网

Javascript 如何在指令模板中呈现双花括号?

Javascript 如何在指令模板中呈现双花括号?,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,我正在与AngularJS进行后端验证集成。我需要在控件旁边显示一条错误消息。错误消息来自后端。控件由指令模板呈现。我尝试在模板中为错误消息和控件添加一个span,但遇到了一个尴尬的情况 代码如下: var myDirective=angular.module('myDirective',[]); 指令(“textquestion”,function()){ 返回{ 模板:{{错误[questionNumber]}}, 限制:“A”, 范围:{ 问题编号:“问题编号” } }; }) 如您所见

我正在与AngularJS进行后端验证集成。我需要在控件旁边显示一条错误消息。错误消息来自后端。控件由指令模板呈现。我尝试在模板中为错误消息和控件添加一个span,但遇到了一个尴尬的情况

代码如下:

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
中出现:)谢谢。事实证明,我不应该将验证错误放在指令模板中。一旦搬走,问题就很容易解决了。你所指出的也是正确的。谢谢你的帮助!