Question

每当我启用不同的复选框字段（将其设置为true）时，我需要在实体的EDIT视图中更新'datetime'字段值。

NGA字段

nga.field('launchDate', 'datetime')
       .label('Launch date')

nga.field('active', 'boolean')
       .template('<active-game-field field="::field" entity="::entity" game="entry"></active-game-field>')

问题是，在我为'active'模板创建的指令中，我必须做一些逻辑，从那里我想修改'launchDate'的前端元素值。

有没有办法轻松地执行此操作，例如使用某些属性（如“:: fields”）将表单的所有字段传递给指令？

现在我可以通过require：'^ form'或':: entity'来到字段，但这些值只针对JSON请求/响应进行修改，而不是前端字段上的值。

指令

module.exports = ['ngDialog', function activeGameField(ngDialog) {
return {
    require: '^form',
    restrict: 'E',
    scope: {
        'field': '&',
        'game': '&',
        'entity': '&'
    },
    link: function (scope, element, attrs, formCtrl) {

        scope.updateLaunchDate = function (elem) {
            document.activeElement.blur();

            if (elem.value == true) {
                ngDialog.openConfirm({
                    template: '\
                    <p>Do you want to update the launch date of this game to now?</p>\
                    <div class="ngdialog-buttons">\
                        <button type="button" class="ngdialog-button ngdialog-button-secondary" ng-click="confirm(false)">No</button>\
                        <button type="button" class="ngdialog-button ngdialog-button-primary" ng-click="confirm(true)">Yes</button>\
                    </div>',
                    showClose: false,
                    closeByDocument: false
                }).then(function (value) {
                    if (value) {
                        var date = new Date(Date.now());
                        scope.game().values.launchDate = date; // JSON value modified properly after clicking on save entity, but not the frontend value. In this callback I would like to do something like\'elem.value = date;' but for the 'launchDate' element instead if 'this' (active checkbox element).                   
                    }
                });
            }
        }
    },
    template:
        '<input type="checkbox" ng-model="value" id="active" name="active" class="form-control ng-pristine ng-untouched ng-valid" \
            ng-click="updateLaunchDate(this)">'
};

提前致谢。

Answer 1

我不喜欢那么多，但最后我通过JavaScrit通过ID访问'launchDate'元素并修改元素值直接解决了这个问题。

document.getElementById("launchDate").value = dateFormat(now, "yyyy-mm-dd HH:MM:ss");

我会更喜欢它通过角度或ng-admin这样做但我无法弄清楚这种方法。

更新ng-admin表单中的其他字段时修改表单字段值

1 个答案: