JavaScript从“ng-bind”获取跨度值

在 AngularJS 中，ng-bind 指令用于将表达式的值绑定到 HTML 元素上

首先，在您的 HTML 文件中，包含 AngularJS 库，如果您还没有这样做：

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
  <meta charset="UTF-8">
  <title>从 ng-bind 获取跨度值</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
</head>
<body>
  <!-- 在这里放置您的 HTML 内容 -->
</body>
</html>

在 <body> 标签中，创建一个 AngularJS 应用（模块）和控制器。例如：

<div ng-controller="myController">
  <span ng-bind="message"></span>
</div>

在 <script> 标签中，编写 JavaScript 代码以处理数据绑定和操作：

<script>
  var app = angular.module('myApp', []);
  app.controller('myController', function($scope) {
    $scope.message = 'Hello, World!';
  });
</script>

在这个例子中，我们创建了一个名为 myApp 的 AngularJS 应用和一个名为 myController 的控制器。我们使用 $scope.message 将 message 变量绑定到 <span> 元素。现在，ng-bind 指令将 AngularJS 变量 message 的值（"Hello, World!"）显示在 <span> 元素中。

要与 AngularJS 交互并获取 <span> 元素的值，您可以使用以下方法：

var spanElement = document.querySelector('span');
var spanValue = spanElement.innerText || spanElement.textContent;
console.log(spanValue); // 输出 "Hello, World!"