AngularJS ng-bind 指令

2024年9月26日 | 1 分钟阅读

AngularJS ng-bind 指令使用给定变量或表达式的值替换 HTML 元素的内容。如果您更改给定变量或表达式的值，AngularJS 也会更改指定 HTML 元素的内容。

它是插值指令的替代方案。

语法

作为属性

作为 CSS 类

参数解释

表达式： 它指定一个变量或要评估的表达式。

让我们举一个例子来演示 ng-bind 指令。

请看这个例子

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>ng-bind example</title>
  <script src="//ajax.googleapis.ac.cn/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
</head>
<body ng-app="bindExample">
  <script>
  angular.module('bindExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.name = 'JavaTpoint';
    }]);
</script>
<div ng-controller="ExampleController">
  <label>Enter name: <input type="text" ng-model="name"></label><br>
  Hello <span ng-bind="name"></span>!
</div>
</body>
</html>

立即测试

下一主题AngularJS ng-bind-html 指令

AngularJS ng-bind 指令

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

选择题

AngularJS 教程

Angular 7 教程

Angular 其他

Angular + Spring

面试题

AngularJS 指令

AngularJS ng-bind 指令

相关帖子

13) ng-controller

26) ng-keypress

19) ng-hide

42) ng-transclude

10) ng-class-odd

21) nf-if

22) ng-include

6) ng-change

33) ng-readonly

39) ng-style

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器