在我的工作中,我使用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的情况下管理视图状态的正确方法?我疯了吗?更有经验的开发人员如何以更实用的方式解决这个问题?