1

テンプレートのリストがあり、リストからテンプレートの 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 に設定し、2 番目のリスト項目を押すと、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 に答える