angularjs - ionic 1 应用程序中的实现动态链接插件无法运行

Question

我正在尝试使用 dynamic links cordova plugin在我的 ionic 1 应用程序中，我按照此处描述的步骤设置插件 ionic documentation on plugin但是，我无法使链接生成正常工作，我正在使用以下代码创建链接并将其分配给变量

  scope.button = function () {

      cordova.plugins.firebase.dynamiclinks.createDynamicLink({
        link: "https://google.com"
      }).then(function (url) {
        console.log("Dynamic link was created:", url);
        var someVar = url;
      });
    };

之后，我试图在点击时显示变量，在这里我希望一个链接显示在 <span> 中。一旦我点击该项目

<a menu-close class="item sideMenuItem" href="#" ng-click="button()">
                    <i class="icon ion-thumbsup"></i>
                    <span>{{ someVar }}</span>
</a>

然而，它只是没有出现

在屏幕截图中，我按下带有“按此处生成”指示的按钮来调用生成动态链接函数，并希望在 span 中看到结果(链接本身)。下面用“动态链接在这里”表示。

{
    "name": "chaishen2",
    "version": "1.1.1",
    "description": "Chaishen2: An Ionic project",
    "dependencies": {
        "@angular/animations": "^5.2.8",
        "bower": "^1.8.8",
        "cordova-admob-sdk": "^0.24.1",
        "cordova-android": "8.1.0",
        "cordova-browser": "^6.0.0",
        "cordova-plugin-admob-free": "^0.27.0",
        "cordova-plugin-androidx": "^2.0.0",
        "cordova-plugin-androidx-adapter": "^1.1.1",
        "cordova-plugin-console": "^1.1.0",
        "cordova-plugin-device": "^1.1.7",
        "cordova-plugin-enable-multidex": "^0.2.0",
        "cordova-plugin-facebook": "^0.2.2",
        "cordova-plugin-firebase-analytics": "^4.3.0",
        "cordova-plugin-firebase-dynamiclinks": "^4.4.0",
        "cordova-plugin-firebasex": "^9.1.2-cli",
        "cordova-plugin-inappbrowser": "^1.7.2",
        "cordova-plugin-splashscreen": "^4.1.0",
        "cordova-plugin-whitelist": "^1.3.4",
        "cordova-plugin-x-toast": "^2.7.2",
        "cordova-promise-polyfill": "0.0.2",
        "cordova-support-android-plugin": "^1.0.2",
        "cordova-support-google-services": "1.4.0",
        "gulp": "^3.5.6",
        "gulp-concat": "^2.2.0",
        "gulp-minify-css": "^0.3.0",
        "gulp-rename": "^1.2.0",
        "gulp-sass": "^2.0.4",
        "ionic-plugin-keyboard": "^2.2.1",
        "ng-cordova-oauth": "^0.3.0",
        "shelljs": "^0.8.3"
    },
    "platforms": [
        "android"
    ],
    "cordova": {
        "platforms": [
            "browser",
            "android"
        ],
        "plugins": {
            "cordova-plugin-console": {},
            "cordova-plugin-device": {},
            "cordova-plugin-facebook": {
                "FACEBOOK_DISPLAY_NAME": "VIndex Stock Screener",
                "FACEBOOK_APP_ID": "252597731903503"
            },
            "cordova-plugin-inappbrowser": {},
            "cordova-plugin-splashscreen": {},
            "cordova-plugin-whitelist": {},
            "ionic-plugin-keyboard": {},
            "cordova-plugin-x-toast": {},
            "cordova-plugin-admob-free": {
                "ADMOB_APP_ID": "ca-app-pub-6419100469604124~7181940500"
            },
            "cordova-support-google-services": {},
            "cordova-plugin-firebasex": {
                "FIREBASE_ANALYTICS_COLLECTION_ENABLED": "true",
                "FIREBASE_PERFORMANCE_COLLECTION_ENABLED": "true",
                "FIREBASE_CRASHLYTICS_COLLECTION_ENABLED": "true"
            },
            "cordova-plugin-enable-multidex": {},
            "cordova-plugin-firebase-dynamiclinks": {
                "PAGE_LINK_DOMAIN": "vindexscreener.page.link",
                "FIREBASE_DYNAMIC_LINKS_VERSION": "19.1.+"
            }
        }
    },
    "devDependencies": {
        "@ionic/v1-toolkit": "2.0.17",
        "ionic": "3.9.1"
    }
}

我的 package.json

Answer 1

如果 typescript 尝试:

export class Test {
someVar:any;
constructor(){}
scope.button = function () {

      cordova.plugins.firebase.dynamiclinks.createDynamicLink({
        link: "https://google.com"
      }).then(function (url) {
        console.log("Dynamic link was created:", url);
        this.someVar = url;
      });
    };
}

<a menu-close class="item sideMenuItem" href="#" ng-click="button()">
                    <i class="icon ion-thumbsup"></i>
                    <span>{{ someVar }}</span>
</a>

如果 Javascript 尝试:

.controller('SomePageCtrl', function($scope) {
  $scope.someVar="";
  $scope.button = function () {
      cordova.plugins.firebase.dynamiclinks.createDynamicLink({
        link: "https://google.com"
      }).then(function (url) {
        console.log("Dynamic link was created:", url);
        $scope.someVar = url;
      });
    };
})