在AngularJS 1.x中,我们可以使用双大括号{{}}
语法来显示数据。以下是一个示例代码,演示如何在AngularJS 1.x中显示数据:
HTML代码:
{{message}}
JavaScript代码:
// 创建一个名为myApp的AngularJS模块
var app = angular.module('myApp', []);
// 创建一个名为myCtrl的控制器
app.controller('myCtrl', function($scope) {
$scope.message = 'Hello, AngularJS!';
});
在上面的示例中,我们创建了一个名为myApp
的AngularJS模块,并将其应用到一个包含myCtrl
控制器的元素上。在控制器中,我们定义了一个名为message
的$scope变量,它的值为'Hello, AngularJS!'
。在HTML中,我们使用{{message}}
来显示message
变量的值。
当页面加载时,AngularJS会自动将message
变量的值替换到{{message}}
的位置,从而显示出Hello, AngularJS!
这个文本。
注意:在使用AngularJS时,确保正确引入了AngularJS库文件,并将ng-app
指令应用到应用的根元素上。