我见过的大多数 angularjs 模板都使用ng-repeat
or ng-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);
});
确实,我想在单击带有 idlink1
的 anhcor 标记时呈现模板。ngclick 用于单击事件处理(可以在 jquery 或 Angular 中使用 ngclick 完成)。我的目标是自己将对象传递给模板,而不是编写
<div ng-repeat="question in questions" ng-include="questionnaire"></div>
上述方法本质上将在相关控制器的 $scope 变量中查找问题属性。但是我希望模板只为一个对象渲染,并且我希望在将要渲染的时候将对象传递给模板,而不是从 $scope 变量。
我怎样才能在 Angualr 中做到这一点?