Angular Добавление записей?

Question

[Yubi]

Здравствуйте, у меня есть два вопроса:
1) Как можно сделать так чтобы при добавлении новой записи, форма для добавления появлялась не в конце, а в начале таблице?
2) Как сделать запрет на добавление новой запись, если до этого была не сохранена или не отменена предыдущая форма для добавления запись?

Answer 1

[Евгений Калибров]

1. Что бы добавление появлялось в начале таблицы, вставляйте элемент в начало массива:

this.sprBitTypes.unshift(this.sprBitType); // unshift вместо push

2. Добавьте свойство которое будет хранить состояние (boolean), открыта форма или нет, а в шаблоне дисейблите кнопку по этому свойству:

компонент:

private isOpenForm: boolean = false;

// Добавление записи
    createPost() {
        this.isOpenForm = true;
        this.sprBitType = new SprBitType(0,"",false,0);
        this.sprBitTypes.push(this.sprBitType);
        this.isNewRecord = true;
    }
    
    saveSprBitType() {
         this.isOpenForm = false;
         ........................
         ........................
    }

    cancelSprBitType() {
         this.isOpenForm = false;
         ........................
         ........................
    }

html:

<button class="btn -primary" (click)="createPost()" [attr.disable]="isOpenForm">Добавить</button>

Comments

[Yubi]

Евгений Калибров , спасибо, все работает, но только теперь после отмены операции по добавлению из-за этой строчки this.sprBitTypes.unshift(this.sprBitType); за место того чтобы удалить строчку полностью он просто обнуляет значения, конечно она пропадает после обновления страницы но все ровно как то не красиво.

// отмена редактирования
    cancelSprBitType() {
         this.isOpenForm = false;
        // если отмена при добавлении, удаляем последнюю запись
        if (this.isNewRecord) {
            this.sprBitTypes.pop();
            this.isNewRecord = false;
        }
        this.sprBitType = null;
    }

[Евгений Калибров]

Yubi, ну так, тут вместо pop, нужно использовать shift:

this.sprBitTypes.shift();

[Yubi]

Евгений Калибров, Все понял, спасибо еще раз)