代码之家  ›  专栏  ›  技术社区  ›  Lee Merlas

ng重复复制ng单击函数

  •  0
  • Lee Merlas  · 技术社区  · 6 年前

    所以我创建了一个按钮来打开一个带有ng点击功能的日历:

    <button type=“button”class=“btn btn defaultng click=“main.open_date()”>
    <i class=“GlyphIcon GlyphIcon Calendar”></i>
    </button>
    

    我把它放在一个ng重复中,当我添加更多字段并测试按钮时,发生了以下情况:

    行不是由ng repeatunique创建的,因为它们有自己的索引吗? 我这里缺什么?

    更新:这是我的主要代码。open_date():。

    me.open_date=function(key){
    如果(!key)key='日期';
    me.uibdates[key]=真;
    }
    

    模板代码:

    <tr ng repeat=“detail in main.employee_details track by$index”>
    <td>
    <ui选择ng model=“detail.status”theme=“bootstrap”>
    <ui select match placeholder=“select status”允许清除>$$select.selected.name$</ui选择匹配>
    <ui select choices repeat=“status in main.status propsfilter:name:$select.search limitto:100”>
    <div ng bind html=“status.name highlight:$select.search”></div>
    </ui选择选项>
    </ui选择>
    </td>
    <td>
    <p class=“输入组”>
    <SPAN class=“输入组btn”>
    <button type=“button”class=“btn btn默认值”
    ng click=“main.open_date()”>
    <i class=“GlyphIcon GlyphIcon Calendar”></i>
    </button>
    </span>
    <input type=“text”class=“Form Controlplaceholder=“选择日期”
    uib datepicker popup=“年/月/日”
    ng model=“detail.date”is open=“main.uibdates['日期']”
    ng change=“main.date_change()”/>
    </p>
    </td>
    <td>
    <input type=“text”class=“Form Controlng model=“detail.remark”placeholder=“>
    </td>
    <td>
    <button style=“display:inline;width:35px;”class=“form control btn btn primary btn smng click=“main.add_field($index);”ng if=“$index==(main.employee_details.length-1)”>
    <span class=“GlyphIcon GlyphIcon Plus”>/lt;/span>
    </button>
    <button style=“display:inline;width:35px;”class=“form control btn danger btn smng click=“main.delete”$index;“”ng if=“main.employee”$details.length!=1“>
    <span class=“GlyphIcon GlyphIcon垃圾桶”></span>
    </button>
    </td>
    </tr>
    

    我把它放在一个ng重复中,当我添加更多字段并测试按钮时,发生了以下情况:

    enter image description here

    不是由创建的行ng-repeat唯一因为他们有自己的索引? 我这里缺什么?

    更新:这是我的主要代码。open_date():

    me.open_date = function(key){
        if(!key){key='date';}
        me.uibdates[key] = true;
    }
    

    模板代码:

    <tr ng-repeat="detail in main.employee_details track by $index">
        <td>
            <ui-select ng-model="detail.status" theme="bootstrap">
                <ui-select-match placeholder="Select status" allow-clear>{$$select.selected.name$}</ui-select-match>
                <ui-select-choices repeat="status in main.status | propsFilter: {name: $select.search} | limitTo: 100">
                    <div ng-bind-html="status.name | highlight: $select.search"></div>
                </ui-select-choices>
            </ui-select>
        </td>
        <td>
            <p class="input-group">
                <span class="input-group-btn">
                      <button type="button" class="btn btn-default"
                              ng-click="main.open_date()">
                          <i class="glyphicon glyphicon-calendar"></i>
                      </button>
                </span>
                <input type="text" class="form-control" placeholder="Select date"
                       uib-datepicker-popup="MM/dd/yyyy"
                       ng-model="detail.date" is-open="main.uibdates['date']" 
                       ng-change="main.date_change()" />
            </p>
        </td>
        <td>
            <input type="text" class="form-control" ng-model="detail.remark" placeholder="">
        </td>
        <td>
            <button style="display: inline; width: 35px;"class="form-control btn btn-primary btn-sm" ng-click="main.add_field($index);" ng-if="$index == (main.employee_details.length - 1)">
                <span class="glyphicon glyphicon-plus"></span>
            </button>
            <button style="display: inline; width: 35px;" class="form-control btn btn-danger btn-sm" ng-click="main.delete_field($index);" ng-if="main.employee_details.length != 1">
                <span class="glyphicon glyphicon-trash"></span>
            </button>
        </td>
    </tr>
    
    4 回复  |  直到 6 年前
        1
  •  1
  •   blake nguyen    6 年前

        <div ng-repeat="item in listItems track by item.id + $index">
            <input class="datetime-picker" id="datepicker_{{item.id}}" />
            <button ng-click="main.open_date(item.id)" class="open-datetime-picker">Open</button>
        </div>
    
    

        main.open_date = function(id){
            $("datepicker_" + id).datetimepicker();
        }
    
    
        2
  •  0
  •   Charles Gutierrez Caballero    6 年前

        3
  •  0
  •   Mekha Lomlao    6 年前

    $('#datetimepicker1').datetimepicker();
    
        4
  •  -1
  •   blake nguyen    6 年前