当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《在控制器中访问AngularJs指令变量》经验,为你挑选了2个好方法。

我对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);
                }
            };
        });
  
    
    
       
        
>



1> Vivek..:

您只需myVar在控制器中创建一个变量,并将其传递给使用my-var属性的指令.

在你的myController,定义myVar

$scope.myVar= "Hello"

我是你的DOM,把它传递给指令as


由于您使用的是双向绑定,因此myVar控制器中可以使用该指令所做的任何更改.

您可以watch启用myVar跟踪更改.



2> Vijay Shegok..:
angular.module('myDirective', [])
        .controller('myController', ['$scope', function ($scope) {
               $scope.show = function() {
                   alert($scope.myVar);
               }; 
            }])
        .directive('myDirective', function () {           
            return {
                scope: {
                    myVar: '='                  
                },
                controller: function ($scope) {  
                    $scope.myVar = 'xyz';
                    alert($scope.myVar);
                    $scope.$parent.myVar = $scope.myVar; // here you can access the controller scope by using $parent
                }
             };
        });

推荐阅读
喜生-Da
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有