2015-10-26 66 views
1

我正在通過json文件插入我的離子/ Angular html文件。我已將某些文本行轉換爲按鈕。無法將按鈕的HTML傳遞給Angular ng-click函數

我的計劃是,當用戶點擊按鈕時,該按鈕的html作爲參數傳遞給'ng-click'函數(在按鈕上)。

但我努力做到這一點 - 儘管Google/SO搜索/通過Angular文檔閱讀。

我的這兩個按鈕的HTML是:

<p><span class="button button-positive button-small" ng-click=personalBest()>{{workout[0].box.cfhackney.daily[0].strength.exercise[0].movement.type[0]}}</span></p> 

當文件在本地服務器上運行,對於上面的按鈕的HTML文本是「硬拉」

 <p><span class="button button-positive button-small button-text" ng-click=personalBest()> {{workout[0].box.cfhackney.daily[0].strength.exercise[0].movement.type[1]}}</p> 

當文件在本地服務器上運行,上面按鈕中的HTML文本是「下蹲」

我喜歡將Deadlift和Squat作爲參數傳遞給按鈕上的'ng-click = personalBest()'函數。

我該怎麼做?

我github上參考https://github.com/elinnet/protocf(HTML文件位於 testapp/WWW /模板/製表wod.html)

非常感謝。

回答

1

您是否嘗試過這個?:

<p> 
    <span class="button button-positive button-small" ng-click=personalBest(workout[0].box.cfhackney.daily[0].strength.exercise[0].movement.type[0])> 
     {{workout[0].box.cfhackney.daily[0].strength.exercise[0].movement.type[0]}} 
    </span> 
</p> 

您可能還能夠做到:

<span class="button button-positive button-small" ng-click=personalBest($event)> 

而在你的函數調用$ event.target.innerHTML得到的innerHTML。

See this answer for a more thorough implementation of this idea.

+0

嗨卡森 - 我剛試過它,它的工作原理。但有沒有更好的方法來獲得html值?由於鬍鬚中的數據調用可能會發生變化,我不確定我將如何自動更新ng-click參數 – Elia

+1

@Elia我編輯了我的答案,並提供了關於如何去做的另一個想法。 –

+0

您的解決方案非常完美。謝謝! – Elia