Mobilefirst Ionic ng启动应用程序点击两次

Mobilefirst Starter Application for Ionic ng-click fires twice

本文关键字：两次 Ionic ng 启动 应用程序 Mobilefirst      更新时间：2023-09-26

环境：

  1. Eclipse 4.4.2
  2. IBM MobileFirst Platform Foundation 7.1
  3. 启动器Application_ionic-release71.zip
  4. angular-route.js[AngularJS v1.12.12是示例应用程序的一部分]和
  5. ionic.bundle.js[ionic，v1.0.0-beta.1示例应用程序的一部分]

我已经将StarterApplication_ionic-release71.zip导入到现有的Eclipse工作区中。

在提要.html中

<button data-ng-click="clickMe()">Click Me!</button>

在Controller.js的FeedsController范围内

$scope.clickMe = function(){
    alert("123");
    console.log("I am clicked");
};

完整代码：

app.controller('FeedsController', function($rootScope, $scope, feedsService, 
$ionicLoading, $timeout) {
    $scope.clickMe = function(){
        alert("123");
        console.log("I am clicked");
    };
    $scope.loading = $ionicLoading.show({   
        content: '<i class="ion-loading-c"></i> Loading...',
        animation: 'fade-in',
        showBackdrop: true,
        maxWidth: 200,
        showDelay: 0
    });
    $scope.getFeeds = function() {
        $rootScope.feeds = [];
        $scope.errorMsg = "";
        feedsService().then(function (feeds) {
            $rootScope.feeds = feeds;
            $scope.$broadcast('scroll.refreshComplete');
            $scope.errorMsg = "";
            $scope.loading.hide();
        },
        function(error) {
            $scope.errorMsg = "Could Not Load feeds";
            $scope.$broadcast('scroll.refreshComplete');
            $scope.loading.hide();
        });
    };
    $scope.getFeeds();
});

添加了上面提到的html和js代码。

单击该按钮时，clickMe方法将被激发两次。这将导致两次提示警报并记录。

试图借助谷歌搜索和stackoverflow问题找出原因。但未能确定是什么原因导致了这种情况。。。

我下载了示例应用程序，并将其加载到运行MFPF 7.1的Eclipse中在指定的位置添加代码片段，将应用程序部署到服务器，并从MobileFirst控制台预览Common web资源(Chrome稳定版，最新版本(。

单击"单击我！"按钮，结果是1个警报和1个console.log。
无法复制。。。

编辑：这只在Android中复制，但也在移动浏览器模拟器之外(意味着在IBM MFP提供的工具之外(。

相关文章：