前端之家收集整理的这篇文章主要介绍了
在控制器中访问AngularJs指令变量，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
@H_
403_0@
我对
Angularjs有点新鲜.我想要的是在’myController’控制器中访问“$scope.myVar”变量.如果您能提供
解决方案,那将是非常有帮助的.
angular.module('myDirective',[])
.controller('myController',['$scope',function ($scope) {
}])
.directive('myDirective',function () {
return {
scope: {
myVar: '='
},controller: function ($scope) {
$scope.myVar = 'xyz';
alert($scope.myVar);
}
};
});
<html lang="en-US">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script type="text/javascript" src="newjavascript.js"></script>
<body ng-app="myDirective">
<div ng-controller="myController">
<my-directive></my-directive>>
</div>
</body>
</html>
您只需在控制器中创建一个myVar变量,并使用my-var
属性将其传递给指令.
在myController中,将myVar定义为
$scope.myVar= "Hello"
我是你的DOM,把它传递给指令as
<my-directive my-var="myVar"></my-directive>
由于您使用的是双向绑定,因此控制器中可以使用该指令对myVar所做的任何更改.
您可以将手表放在myVar上以跟踪更改.
