在控制器中访问AngularJs指令变量

发布时间：2020-12-17 08:20:17 所属栏目：安全来源：网络整理

导读：我对 Angularjs有点新鲜.我想要的是在’myController’控制器中访问“$scope.myVar”变量.如果您能提供解决方案,那将是非常有帮助的. angular.module('myDirective',[]) .controller('myController',['$scope',function ($scope) { }]) .directive('myDirect

我对 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上以跟踪更改.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!