如何在angular.js中使用ng-model获取按钮文本？

Question

我刚刚开始使用Angular，它似乎很好实现。 我总是使用ng-model从textfield获取文字。 我可以借助ng-model或其他方式获取按钮文字吗？

我知道在这里提问并不是一个好问题。但我在任何地方都没有得到任何相关的解决方案。

例如这是按钮

<button class="common btnDarkGrey">Do it</button>

我想用Angular

获取Do it

谢谢。

Answer 1

您应该使用ng-bind将控制器中的数据绑定到按钮。

<button ng-bind="buttonNameVariable"></button>    

然后在您的控制器中，您将拥有一个名为scope.buttonNameVariable="Do it"

的变量

您可以在控制器中使用该变量，并使用该变量检索它。您只将ng-model用于html中的输入字段，而不是用于按钮。

Answer 2

怎么样：

$scope.buttonText = 'Do It' //in the JS
<button>{{buttonText}}</button> <!-- in the HTML -->

或：

<button ng-init="buttonText = 'Do It'">{{buttonText}}</button>

然后你有buttonText变量中按钮的文字。

Answer 3

如果您不介意将jQuery代码置于角度，可以这样做：

$('button.common').click(function(){
   console.log($('button.common').html())
});