목록 항목을 선택하는 angularjs 지시문은 무엇입니까?

Question

나는 템플릿 목록을 가지고 있으며 목록에서 그 중 하나를 선택하고 양식 안의 입력에 ID를 전달하고 싶습니다. 내 laout 내가 입력에서 콘텐츠를 변경하려면 <li> 항목 중 하나를 누를 때 이제 내가하고 싶은이

<form> 
    <input type="hidden" name="template_id" ng-model="template.template_id" /> 
    <input type="text" name="template_name" ng-model="template.template_name" /> 
    <ul> 
     <li id="1">Template1</li> 
     <li id="2">Another Template</li> 
    </ul> 
    <button type="submit"></button> 
</form> 

것 같습니다. 지시어를 사용하여이를 수행 할 수 있습니까? 고마워, 대니얼.

첫 번째 목록 항목을 누를 때 template_id 및 template_name을 갖는 입력을 template_id = 1 및 template_name = Template1로 설정하고 두 번째 목록 항목을 누르면 template_id를 2로, template_name을 다른 템플릿으로 설정합니다. .

Answer 1

이 시도 : HTML에서

:

 <ul> 
     <li ng-repeat="list in templateList" ng-click="setValue(list)">{{list.name}}</li> 
    </ul> 

컨트롤러에

$scope.templateList = [{id:1, name: 'Template1'}, {id:2, name: 'Another Template'}] 

    $scope.template = {}; 
    $scope.setValue = function(list) { 
    $scope.template.template_id = list.id; 
    $scope.template.template_name = list.name; 
    } 

이 DEMO