Angularjs中的非重复模板

时间:2014-09-19 22:14:57

标签: javascript angularjs templates angular-template

我在angularjs上看到的大多数模板都适用于ng-repeatng-options。我想要一个模板,我可以在按钮或其他东西的点击事件上传递一个对象,模板只渲染一次。就像我有像下面这样的模板

<script type="text/ng-template" id="questionnaire">
<div class="question">
<span> {{question.number}}</span>
<span>{{question.text}}</span>
</script>

我想按照以下jquery代码

的说明呈现此模板
$('a#link1').on('click',function(){
var question = {number:1, text:"My first Question"};
renderTemplate("questionnaire", question);

});

确实,我想在点击标识为link1的anhcor标记时呈现模板。 ngclick用于单击事件处理(可以使用ngclick在jquery或angular中完成)。我的目标是自己将一个对象传递给模板,而不是写

<div ng-repeat="question in questions" ng-include="questionnaire"></div>

上述方法基本上会在相关控制器的$ scope变量中查找问题属性。但是我希望模板仅针对一个对象呈现,并且我希望在将要从$ scope变量渲染时将对象传递给模板。

我如何在Angualr中做到这一点?

0 个答案:

没有答案