如何在AngularJS中构建纯函数

时间:2018-01-05 17:32:20

标签: angularjs functional-programming

在我的工作中,我使用AngularJS(1.x)和Node。由于我以外的原因,我们不使用ui-router。因此,我们必须在控制器变量中保持大量的视图状态。我能够设计的最干净的解决方案是使用" $ scope.view"变量,负责控制器内的所有视图逻辑。例如:

$scope.view = {
            loading: true,
            loadMoreBtn: {
                state: '',
                // TODO - Is this pure? Could it be?
                shouldHide: function(data) {
                    return data.length === 0 || data.length === $scope.dataInScope.length;
                },
                setState: function(state) {
                    this.state = state;
                },
                getNgClass: function() {
                    return this.state;
                }
            }
        };

实施例。由于$ scope在直接访问和传入时相同,是否认为直接访问它是不纯的?有更纯粹的方法吗?

shouldHide: function(data) {
    return data.length === 0 || data.length === $scope.dataInScope.length;
},

我已搜索过"功能性角度"并阅读一些文章。但是我仍然很难看到在Angular中应用函数式编程的方式和位置。

这是否是在没​​有ui-router的情况下管理视图状态的正确方法?我疯了吗?更有经验的开发人员如何以更实用的方式解决这个问题?

0 个答案:

没有答案