在angularjs中创建范围变量

时间:2017-05-02 11:33:33

标签: angularjs

我对创建范围变量有疑问。这是创建和使用范围变量的最佳方式,以及原因。

$scope.name1 = "";
$scope.name2 = "";
$scope.name3 = ""; 

$scope.name = {name1: "", name2: "", name3: ""};

我将答案与记忆和表现进行了比较。

4 个答案:

答案 0 :(得分:0)

这两种方式都不会对您的应用程序产生任何性能问题。这取决于您需要根据需要实施的内容。

虽然在绑定数据时使用对象总是更好,但它总是声明并对象和赋值属性

  $scope.names = {name1: "", name2: "", name3: ""};

答案 1 :(得分:0)

我建议您使用不同的approch ...尝试使用ControllerAS语法..所以类似于:

HTML:

<div data-ng-controller="MyController as my"> my.names.name1 </div>

JS:

app.controller("MyController",["$scope",function($scope){

   var vm = this;

// so you use THIS (wrapped in vm var) instead of $scope... better perfomance
  vm.names={name1:"",name2:""};


}]);

答案 2 :(得分:0)

不要使用控制器变量:

var vm = this;
vm.name = {...};

这会使您的数据和$scope分开。

答案 3 :(得分:0)

这取决于您要实现的目标,但如果您需要在应用中{strong>迭代而不是new File("cardImages/10C.png"),请考虑使用数组:

names

它与表演无关,但您可以在阵列上使用ngRepeat