Google plus 如何呈现google+；手机和网络视图的登录按钮

我正在建立一个网站与谷歌+登录。 该网站响应迅速，因此我为web和mobile提供了一个不同的google+按钮，如下所示：

移动视图的登录按钮->隐藏在web视图中

<div id="mobile" class="container visible-xs hidden-sm hidden-md hidden-lg">
  <div class="row">
    <div class="col-xs-12 mobile-signup-form">
      <form class="form-signin">
        <h2 class="form-heading visible-xs hidden-lg hidden-sm hidden-md">Find great tour guides.</h2>
        <input type="text" class="form-control" placeholder="Pick a Username" autofocus>
        <input type="text" class="form-control" placeholder="Your email">
        <input type="password" class="form-control" placeholder="Create a Password">
        <button id="submit-btn" class="btn btn-lg btn-primary btn-block" type="submit">Sign up for Tourbly</button>

        <div class="hr-with-words">
          <span class="smallor">or</span>
        </div>

        <div id="gSignInWrapper">
          <div id="customBtn_M" class="customGPlusSignIn">
            <span class="icon"></span>
            <span class="buttonText">Google</span>
          </div>
        </div>
      </form>

    </div>
  </div>
</div>

我只能将一个id传递给渲染函数，如何才能为正确的视图（移动或web）渲染正确的按钮

我已尝试渲染两个，但最后一个会覆盖第一个

我使用的是angular js，因此任何利用它的建议/解决方案都将不胜感激。

---

谢谢

您可以多次调用渲染函数，这可能是最简单的方法。您可以将第二个参数移动到传递给两个调用的var，或者您可能希望利用w new page level config：

这可能是最简单的方法，因为它将在页面加载后立即触发模式检查（查看用户之前是否同意，并触发回调）。这意味着您可以选择当时渲染哪个，作为立即失败的一部分（我注意到您在ng show中引用了一个immediateFailed var，它可能仅在立即检查失败时才显示，因此您已经做了正确的事情）

如果使用页面级配置，您甚至不需要传递参数，只需调用：

gapi.signin.render('customBtn'); 
gapi.signin.render('customBtn_M'); 

    gapi.signin.render('customBtn', {
      'callback': 's_up_c_bks_loc',
      'clientid': '1066634592899.apps.googleusercontent.com',
      'cookiepolicy': 'single_host_origin',
      'requestvisibleactions': 'http://schemas.google.com/AddActivity',
      'scope': 'https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/userinfo.email'
    });

gapi.signin.render('customBtn'); 
gapi.signin.render('customBtn_M');