在AngularJS中,可以使用指令来加载控制器。下面是一个示例:
HTML代码:
{{message}}
JavaScript代码:
// 创建AngularJS应用
var app = angular.module('myApp', []);
// 创建控制器
app.controller('myController', function($scope) {
$scope.message = 'Hello, World!';
});
在上面的示例中,我们首先创建了一个AngularJS应用,并将其命名为"myApp"。然后,我们通过调用app.controller
方法来创建一个控制器,并将其命名为"myController"。在控制器中,我们将一个变量message
赋值为"Hello, World!"。最后,我们在HTML代码中使用ng-controller
指令将控制器加载到指定的DOM元素中,并使用双括号语法{{message}}
显示控制器中的变量。
当页面加载时,AngularJS会自动解析指令,并将控制器加载到对应的DOM元素中。控制器中的变量将与指令中的双括号语法绑定,以实现数据绑定和动态更新。
这样,当页面加载完成时,控制器中的message
变量的值将显示在页面上。