javascript - 选择列表项的 angularjs 指令是什么？

Question

我有一个模板列表，我想从列表中选择一个模板并将 id 传递给表单内的输入。我的布局看起来像这样

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

在 Controller 中

  $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