首页 文章

Ionic 2段不使用Angular指令

提问于
浏览 次
3

我试图创建动态生成的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并使用组件中定义的两个测试变量作为值，但结果也失败了 .

任何想法都可能有问题吗？

angularjs ionic-framework angular ionic2

1 回答

  • 2

    我在查看分段源代码后找到了解决方法 . 所以你可以像这样使用 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}}

    有一行检查 ngOnInit 是否在 ngOnInit 时出现，或者不在第98行的segment.js中显示

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

    希望这可以帮到你 .

    回复于

相关问题