Ionic 2 段不适用于 Angular 指令答案

【问题标题】：Ionic 2 segment not working with Angular directivesIonic 2 段不适用于 Angular 指令
【发布时间】：2016-02-29 21:56:23
【问题描述】：

我试图创建动态生成的 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】：

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

像这样在segment.js的第98行有一行检查ngOnInit时是否存在value属性

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

希望对你有帮助。

【讨论】：