Сегмент Ionic 2 не работает с директивами Angular

Я пытаюсь создать динамически сгенерированные кнопки сегмента Ionic 2, но каждый раз, когда я использую некоторые из директив Angular, это терпит неудачу. Я вижу кнопки сегментов, но щелчок ничего не меняет, включая переменную ngModel. См. Пример:

Рабочий статический пример:

<ion-segment [(ngModel)]="subsActiveDay">
    <ion-segment-button value="2016-03-01T00:00:00.000Z">
        1
    </ion-segment-button>
    <ion-segment-button value="2016-03-02T00:00:00.000Z">
    2
    </ion-segment-button>
</ion-segment>
{{subsActiveDay}}

Не работает:

<ion-segment [(ngModel)]="subsActiveDay">
    <ion-segment-button *ngFor="#day of subs" [value]="day.date">
        {{day.datestamp | date}}
    </ion-segment-button>
</ion-segment>
{{subsActiveDay}}

Во втором примере кнопки генерируются, но по умолчанию не выбрана кнопка, а переменная subsActiveDay не изменяется после щелчка. Я попытался выяснить ngFor и использовать две тестовые переменные, определенные в компоненте для значения, но результат тоже не удался.

Есть идеи, где может быть проблема?


ionic-framework angular angularjs ionic2
person Daniel Suchý    schedule 29.02.2016    source источник
comment
У меня точно такая же проблема, вы уже нашли решение?   -  person erikvimz    schedule 11.04.2016
comment
К сожалению нет :-(   -  person Daniel Suchý    schedule 11.04.2016

Ответы (1)


arrow_upward
2
arrow_downward

Я только что нашел обходной путь после просмотра исходного кода сегмента. Так что вы можете просто использовать value вместо [value] вот так:

<ion-segment [(ngModel)]="subsActiveDay">
    <ion-segment-button *ngFor="#day of subs" value="{{day.date}}">
        {{day.datestamp | date}}
    </ion-segment-button>
</ion-segment>
{{subsActiveDay}}

Есть строка, которая проверяет, представлен ли атрибут value, когда ngOnInit или нет в строке 98 в segment.js, как это

SegmentButton.prototype.ngOnInit = function () {
    if (!util_1.isPresent(this.value)) {

Надеюсь, это поможет тебе.

person Pasut Piyapasut    schedule 25.06.2016