angularjs如何分组同一组变量

时间:2018-04-18 10:50:18

标签: angularjs

我在我的控制器中有功能。

$scope.TestFn = {
            func1: function() {
                console.log('in function TestFn func1')             
                },
            func2: function() {
                console.log('in function TestFn func2')             
                }   
        }

我正在按照下面的指示致电,

<div ng-init="TestFn.func1()"><div>

这很好用。我想知道什么,我们称之为这种功能安排。就像我们将相关功能组合在一起一样。是否有可能以相同的方式声明变量。例如,

$scope.Test.variable1 = 'value1';
$scope.Test.variable2 = 'value2';

我可以使用{{Test.variable1}}{{Test.variable2}} 我必须知道,因为我有很多html模板,并希望将所有相关的功能和变量放在一起,以便于管理。

谢谢

1 个答案:

答案 0 :(得分:1)

不确定为什么对此有疑问,但如果您阅读the Angular documentation,您会看到为$scope分配变量和函数只是您预期的最基本标准与Scope对象有关。

angular.module('scopeExample', [])
.controller('MyController', ['$scope', function($scope) {
    $scope.username = 'World';

    $scope.sayHello = function() {
        $scope.greeting = 'Hello ' + $scope.username + '!';
    };
}]);
  

在上面的示例中,请注意MyController将“世界”分配给范围的username属性。

...

  

类似地,控制器可以将行为分配给范围,如sayHello方法所示,当用户单击“问候”按钮时调用该方法。

所以是的,你可以分配变量和函数。这就是范围所在。

不,没有特定的名称来引用地图中的函数 - 这是你在代码示例中基本上做的事情。 $scope对象可以保存以地图和数组结构的变量和函数 - 或两者的组合。