1

我有一个模板列表,我想从列表中选择其中一个并将 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 设置为另一个模板。

4

1 回答 1

11

尝试这个:

在 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;
  }

演示

于 2013-10-16T08:52:10.060 回答