Angularjs: identifying a button in Selenium
<p>I'm trying to identify a button in angularjs. The HTML code is placed below. How do i differentiate these buttons using selenium. I'm using robotframework for automation but it doesn't matter as long as some one can help in identifying these elements/buttons using css selector or xpath or any other means that helps in identifying them uniquely.</p>

<p>I've 4 buttons
Mr
Mrs
Ms
Other</p>

<p>Html for 4 as below </p>

<pre><code>&lt;button ng-repeat="choice in question.choices" ng-class="{selected: isSelected(choice.value)}" ng-click="selectAnswer(choice)" tabindex="1" class="ng-scope"&gt;&lt;span fittext=".8" fittext-max="16" class="ng-scope ng-binding" style="display: inline-block; white-space: nowrap; line-height: 1; font-size: 16px;"&gt;Mr&lt;/span&gt;&lt;/button&gt;

&lt;button ng-repeat="choice in question.choices" ng-class="{selected: isSelected(choice.value)}" ng-click="selectAnswer(choice)" tabindex="1" class="ng-scope"&gt;&lt;span fittext=".8" fittext-max="16" class="ng-scope ng-binding" style="display: inline-block; white-space: nowrap; line-height: 1; font-size: 16px;"&gt;Mrs&lt;/span&gt;&lt;/button&gt;

&lt;button ng-repeat="choice in question.choices" ng-class="{selected: isSelected(choice.value)}" ng-click="selectAnswer(choice)" tabindex="1" class="ng-scope"&gt;&lt;span fittext=".8" fittext-max="16" class="ng-scope ng-binding" style="display: inline-block; white-space: nowrap; line-height: 1; font-size: 16px;"&gt;Ms&lt;/span&gt;&lt;/button&gt;

&lt;button ng-repeat="choice in question.choices" ng-class="{selected: isSelected(choice.value)}" ng-click="selectAnswer(choice)" tabindex="1" class="ng-scope"&gt;&lt;span fittext=".8" fittext-max="16" class="ng-scope ng-binding" style="display: inline-block; white-space: nowrap; line-height: 1; font-size: 16px;"&gt;Other&lt;/span&gt;&lt;/button&gt;
</code></pre>