将值动态传递给Cordova - Onsen - AngularJS - Share按钮

时间:2015-11-07 14:21:21

标签: angularjs cordova onsen-ui

使用Onsen UI和AngularJS创建iOS Cordova应用程序。我有一个工具栏,带有"分享按钮"在右边。

页面上的内容是动态加载的,我需要在页面上共享特定文本。

<ons-toolbar>
    <div class="left">
      <ons-back-button>Back</ons-back-button>
    </div>
    <div class="center">Details</div>
    <div class="right">
            <ons-toolbar-button>
              <ons-icon icon="ion-share" fixed-width="false" style="vertical-align: -4px;" onclick="window.plugins.socialsharing.share('{{DynamicText}}', null, null, 'http://www.sample.com')"></ons-icon>
            </ons-toolbar-button>
          </div>
  </ons-toolbar>

{{DynamicText}}的值未加载。当我分享文本时,{{DynamicText}}只是打印而不是它的价值。

同样尝试使用按钮,这可行。

<button onclick="window.plugins.socialsharing.share('Message and link', null, null, 'http://www.sample.com')">message and link</button>

传递动态值,无效。

<button onclick="window.plugins.socialsharing.share('{{DynamicText}}', null, null, 'http://www.sample.com')">message and link</button>

1 个答案:

答案 0 :(得分:0)

DynamicText是范围内的变量,所以:

onclick更改为ng-click

使用DynamicText作为变量:

window.plugins.socialsharing.share(DynamicText, null, null, 'http://www.sample.com')

完整代码:

<button ng-click="window.plugins.socialsharing.share(DynamicText, null, null, 'http://www.sample.com')">message and link</button>