在AngularJS中,ng指令和自定义指令的设置方式不完全相同,尽管它们都使用指令定义对象来设置。
示例代码:
示例代码:
angular.module('myApp', [])
.directive('myDirective', function() {
return {
restrict: 'E',
template: '',
link: function(scope) {
scope.sayHello = function() {
console.log('Hello!');
};
}
};
})
.controller('myController', function($scope) {
$scope.name = 'John';
});
在上面的代码中,我们通过ng-controller指令设置了一个控制器,并在控制器中定义了一个变量name。然后,我们使用ng-model指令将输入框与name变量绑定在一起,并使用ng-click指令将按钮与sayHello函数绑定在一起。在自定义指令中,我们通过restrict属性设置了指令的使用方式为元素(E),并使用template属性定义了指令的模板,其中包含一个按钮和一个点击事件。