javascript - 在 onclick url 中使用数据绑定(bind)

标签 javascript angularjs cordova url data-binding

我正在使用这个cordova plugin在我的 Ionic App 中启动外部网址这是我的代码,运行良好。

<a class="orange" href="#" onclick="window.open('http://www.myurl/privacy-policy', '_system', 'location=yes'); return false;">Privacy Policy</a>

但是我想在 URL 中使用数据绑定(bind)。

如何实现以下目标:

 <a class="orange" href="#" onclick="window.open('http://www.myurl/{{privacy.policy}}', '_system', 'location=yes'); return false;">Privacy Policy</a>

它只是将其打印出来,就好像它是一个字符串一样。我尝试过使用引号,但是所有内容要么会破坏它,要么会打印出字符串。

最佳答案

Here是我用同样的概念制作的一个 Plunker。我将 onclick 更改为 ng-click 并处理 Controller 中的窗口打开。

app.js:

var app = angular.module('plunker', []);

app.controller('mainCtrl', function($scope, $http) {

    $scope.getWindow = function() {
        window.open('https://www.google.com/search?q='+ $scope.input.search, '_system', 'location=yes');
    }
});

index.html:

<body ng-controller="mainCtrl">
    <input type="text" ng-model="input.search" />

    <p><a class="orange" href ng-click="getWindow()">Open Google</a></p>
</body>

用户输入查询,点击链接后,Google 将在新窗口中启动,查询位于网址中。

关于javascript - 在 onclick url 中使用数据绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29882683/

相关文章:

javascript - JS/Jquery 选择所有图像,但那些只重复一次的图像

javascript - 如何在 gulp 中创建重复管道?

javascript - Angular Js ng-Grid 中是否有在数据加载之前/之后调用的回调函数?

javascript - 指定正确的类来添加 Jquery 类

javascript - 修改 JavaScript 对象并使用 setRowsData 写入单个单元格

javascript - 如何检查变量是否不是假值但 0 在 Javascript 中传递

node.js - Yeoman angularjs 脚手架错误

android - (节点 :15016) UnhandledPromiseRejectionWarning: Error: adb: Command failed with exit code 1

typescript - Ionic 的网络原生插件缺少提供程序

javascript - Android 浏览器中某些键没有按键事件