私が見た angularjs のテンプレートのほとんどは、 or で動作しng-repeatます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);
});
実際、id を持つ anhcor タグがクリックされたときにテンプレートをレンダリングしたいと考えていlink1ます。ngclick は、クリック イベント処理用です (これは、ngclick を使用して jquery または angular で実行できます)。私の目的は、書くのではなく、自分でオブジェクトをテンプレートに渡すことです
<div ng-repeat="question in questions" ng-include="questionnaire"></div>
上記のアプローチは基本的に、関連するコントローラーの $scope 変数で question 属性を探します。しかし、テンプレートを 1 つのオブジェクトに対してのみレンダリングする必要があり、$scope 変数からではなく、レンダリングしようとしているときにオブジェクトをテンプレートに渡す必要があります。
Angualrでそれを行うにはどうすればよいですか?