javascript - 定义作用域变量的最佳实践

Question

我有这个表格。此表单包含许多输入，如名字、姓氏、职位、备注、状态、部门、文件、主管......等等

原来我有这样一个 Controller

    app.controller("titleCtrl", function ($scope)
    {      
           $scope.FirstName = ...
           $scope.LastName = ...
           $scope.Notes = ....
           $scope.JobTitle = ...
           $scope.Department = ...
           $scope.Supervisor = ...
           $scope.Documents = ...
           $scope.ID = function(data){
                } 
           //and 15 more fields......            
});

我了解到像这样在作用域上声明变量并不是真正的最佳做法。我的问题是什么是最佳实践？在 Controller 中声明 20 个左右变量的最佳/最佳方式是什么？

Answer 1

首先，$scope 不是您的模型。它只是模型的占位符。比方说你想显示用户信息，那么你应该这样

$scope.user = {
    firstName: 'Joe',
    lastName: 'Masan',
    jobTitle: 'Engineer',
    age: 22,
};

这是在范围内拥有模型(这里是user)的最佳实践。您不应该直接在 $scope 对象中分配字段。在性能方面，AngularJS 的工作范围远低于 200 个属性。由于 AngularJS 有一个摘要循环，当你有大量的字段时，它总是会影响性能。

来自 AngularJS 创作者的关于最佳实践的精彩视频 https://www.youtube.com/watch?v=ZhfUv0spHCY