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

slwdgvem  于 2023-10-15  发布在  Angular
关注(0)|答案(3)|浏览(143)

我刚开始使用Angular,它似乎很好实现。我总是使用ng-modeltextfield获取文本。我可以通过ng-model或其他工具获取按钮文本吗?
例如,这是按钮

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

我想用Angular得到Do it

tyu7yeag

tyu7yeag1#

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

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

然后,在控制器中,您将有一个名为scope.buttonNameVariable="Do it"的变量
您可以在控制器中使用变量,并使用变量检索它。ng-model只用于html中的输入字段,而不是按钮。

qhhrdooz

qhhrdooz2#

怎么样:

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

或:

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

然后在buttonText变量中有按钮的文本。

zbdgwd5y

zbdgwd5y3#

如果你不介意将jQuery代码放在angular中,可以这样做:

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

相关问题