Question

当我尝试使用onclick事件时，我遇到了我认为可能是语法问题的问题。我有一个页面可以正确呈现以下内容：

 <ion-view>
    <ion-content>
       <a href="geo:{{latitude}},{{longitude}}?z=11">
                View Map
       </a>
    </ion-content>
 </ion-view>

现在我要做的就是改变上面的内容：

 <ion-view>
    <ion-content>
            <a onclick="window.open('geo:{{latitude}},{{longitude}}?z=11&q={{latitude}},{{longitude}}(Treasure)', '_system', 'location=yes');" href="geo:{{latitude}},{{longitude}}?z=11&q={{latitude}},{{longitude}}(Treasure)">View Map</a>
    </ion-content>
 </ion-view>

问题是window.open（例如{{latitude}}等）中的变量没有呈现，我仍然看到{{latitude}}等...而不是真值。

我知道这个链接是正确的。如果我将值硬编码为下面的示例，则链接工作正常，我可以从我的应用中打开外部Google地图调用：

 <ion-view>
    <ion-content>
            <a onclick="window.open('geo:0,0?z=11&q=0,0(Treasure)', '_system', 'location=yes');" href="geo:0,0?z=11&q=0,0(Treasure)">View Map</a>
    </ion-content>
 </ion-view>

我在这里只使用0,0作为样本，在我的应用程序中我使用真实坐标。非常感谢任何想法，非常感谢。

Answer 1

我找到了问题的答案，请看以下帖子， http://forum.ionicframework.com/t/ionic-rendering-inside-ion-content-when-using-window-open/16435/2

这里学到的经验，无论何时处理应用中的外部链接，请确保在动态生成时查看传递给链接的值。在这种情况下，我没有看到添加到我的链接的不安全前缀。

我希望这可以帮助其他有类似问题的人。

Answer 2

最后为这个问题找到了更好的解决方案：

    <a class="button button-assertive" 
   ng-href="http:// url .com/{{id}}/discount"
   onclick='window.open(this.href, "_system", "location=yes"); return false;'>
    </a>

详细信息：http://technotip.com/4578/ionic-app-open-external-links-in-mobile-browser/

使用window.open时离子内容中的离子渲染

2 个答案: