什麼是選擇列表項的angularjs指令？

Question

我有一個模板列表，我想從列表中選擇其中一個，並將ID傳遞給表單內的輸入。我laout看起來像這樣

<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> 

現在，當我按下任何<li>項目，改變從輸入的內容我想。這可以通過指令完成嗎？謝謝，丹尼爾。

當我按第一個列表項時，我想要輸入的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