离子框架绑定显示不需要的值 我使用的是一个混合应用程序的离子框架，它有一个页面，将显示在中间的一年。左箭头和右箭头分别表示年份的减少和增加。该模块在android上运行良好，但在ios上进行测试时，它会在年份绑定前显示一些不需要的值

该值最初看起来很好，但当绑定得到更新时，它会显示如下内容。 代码如下所示

    (function () {
    angular.module('surprise')
        .controller('calendarController', [calendarController]);
    function calendarController() {
        var ref = this;
        ref.today = moment();
        ref.year = ref.today.year();
        ref.prev = ref.year -1;
        ref.next = ref.year+1;
        ref.isActiveMonth = function(month) {
            if(month === ref.today.month()) {
                return true;
            }
            return false;
        };
        ref.prevYear = function() {
            ref.year -= 1;
            console.log(ref.year);
        };
        ref.nextYear = function() {
            ref.year +=1;
            console.log(ref.year);
        }
    }
})();

视图模板

    <ion-view>
    <ion-nav-title>
        <div class="title header-text">
            <i class="icon"><img src="image/create_icon4.png" class="full_width" /></i>
            <span>{{'CALENDAR' | translate}}</span>
        </div>
    </ion-nav-title>
  <ion-content>
    <section class="recent_row">
    <div class="cale_main">
        <div class="bar bar-subheader year-select">
          <a ng-click="vm.prevYear();" class="align_left"><i class="icon"><img src="image/arrow-left.png" /></i><span>{{vm.prev}}</span></a>
          <h2 class="title">{{vm.year}}</h2>
          <a ng-click="vm.nextYear();" class="align_right"><span>{{vm.next}}</span><i class="icon"><img src="image/arrow-right.png" /></i></a>
        </div>
        <div class="row">
            <div class="menuview_main">
                <ul>
                    <li>

                        <a ui-sref="app.calendarMonth({year:vm.year, month:01})">
                            <img ng-src="{{!vm.isActiveMonth(0) && 'image/cal-unselect.png' || 'image/cal-select.png'}}"/>
                            <h6>January</h6>
                        </a>
                    </li>
                    <li>
                        <a ui-sref="app.calendarMonth({year:vm.year, month:02})">
                            <img ng-src="{{!vm.isActiveMonth(1) && 'image/cal-unselect.png' || 'image/cal-select.png'}}"/>
                            <h6>February</h6>
                        </a>
                    </li>
                    <li>
                        <a ui-sref="app.calendarMonth({year:vm.year, month:03})">
                            <img ng-src="{{!vm.isActiveMonth(2) && 'image/cal-unselect.png' || 'image/cal-select.png'}}"/>
                            <h6>March</h6>
                        </a>
                    </li>
                    <li>
                        <a ui-sref="app.calendarMonth({year:vm.year, month:04})">
                            <img ng-src="{{!vm.isActiveMonth(3) && 'image/cal-unselect.png' || 'image/cal-select.png'}}"/>
                            <h6>April</h6>
                        </a>
                    </li>
                    <li>
                        <a ui-sref="app.calendarMonth({year:vm.year, month:05})">
                            <img ng-src="{{!vm.isActiveMonth(4) && 'image/cal-unselect.png' || 'image/cal-select.png'}}"/>
                            <h6>May</h6>
                        </a>
                    </li>
                    <li>
                        <a ui-sref="app.calendarMonth({year:vm.year, month:06})">
                            <img ng-src="{{!vm.isActiveMonth(5) && 'image/cal-unselect.png' || 'image/cal-select.png'}}"/>
                            <h6>June</h6>
                        </a>
                    </li>
                    <li>
                        <a ui-sref="app.calendarMonth({year:vm.year, month:07})">
                            <img ng-src="{{!vm.isActiveMonth(6) && 'image/cal-unselect.png' || 'image/cal-select.png'}}"/>
                            <h6>July</h6>
                        </a>
                    </li>
                    <li>
                        <a ui-sref="app.calendarMonth({year:vm.year, month:08})">
                            <img ng-src="{{!vm.isActiveMonth(7) && 'image/cal-unselect.png' || 'image/cal-select.png'}}"/>
                            <h6>August</h6>
                        </a>
                    </li>
                    <li>
                        <a ui-sref="app.calendarMonth({year:vm.year, month:09})">
                            <img ng-src="{{!vm.isActiveMonth(8) && 'image/cal-unselect.png' || 'image/cal-select.png'}}"/>
                            <h6>September</h6>
                        </a>
                    </li>
                    <li>
                        <a ui-sref="app.calendarMonth({year:vm.year, month:10})">
                            <img ng-src="{{!vm.isActiveMonth(9) && 'image/cal-unselect.png' || 'image/cal-select.png'}}"/>
                            <h6>October</h6>
                        </a>
                    </li>
                    <li>
                        <a ui-sref="app.calendarMonth({year:vm.year, month:11})">
                            <img ng-src="{{!vm.isActiveMonth(10) && 'image/cal-unselect.png' || 'image/cal-select.png'}}"/>
                            <h6>November</h6>
                        </a>
                    </li>
                    <li>
                        <a ui-sref="app.calendarMonth({year:vm.year, month:12})">
                            <img ng-src="{{!vm.isActiveMonth(11) && 'image/cal-unselect.png' || 'image/cal-select.png'}}"/>
                            <h6>December</h6>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
  </section>
  </ion-content>
</ion-view>

{{'CALENDAR'| translate}}
{{vm.prev}
{{vm.year}
{{vm.next}


一月


二月


前进


四月


也许


六月


七月


八月


九月


十月


十一月


十二月

---

当我在控制台中检查时，即使在iOS中，该值也显示良好，因此我猜这与ionic framework的视图更新有关。

我在调试数小时后解开了谜团，这是由iOS将数字转换为带有电话号码的超链接的行为造成的

解决方案是使用下面的meta标记禁用它

<meta name="format-detection" content="telephone=no">

---

我希望这可以节省别人的时间和精力。更多信息

您能添加完整的calendeController HTML代码吗？@ArunGhosh请参阅更新的答案。我添加了代码。