Fatal编程技术网
  • javascript/
  • Javascript Angularjs->；如何以角度样式初始化变量

Javascript Angularjs->；如何以角度样式初始化变量

javascript angularjs

Javascript Angularjs->；如何以角度样式初始化变量,javascript,angularjs,Javascript,Angularjs,我试图使用angular.js重新编写一个应用程序，但我仍然不知道它是如何工作的（或多或少） 比如说。在我以前的代码中，我有一个函数，它在加载所有内容后执行，初始化变量，以window.variable样式为每个人访问 现在我想要同样的 我的想法是建立一个工厂来返回一个包含所有变量的对象，然后让每个人都可以访问这个对象（不知何故） 问题是: 我说的对吗？我应该通过工厂初始化变量？ 2-我如何在代码开头“调用”这个工厂方法？是否使用module.run函数 干杯，我认为您应该尽可能避免使用全局变量

我试图使用angular.js重新编写一个应用程序，但我仍然不知道它是如何工作的（或多或少）

比如说。在我以前的代码中，我有一个函数，它在加载所有内容后执行，初始化变量，以window.variable样式为每个人访问

现在我想要同样的

我的想法是建立一个工厂来返回一个包含所有变量的对象，然后让每个人都可以访问这个对象（不知何故）

问题是: 我说的对吗？我应该通过工厂初始化变量？ 2-我如何在代码开头“调用”这个工厂方法？是否使用module.run函数

干杯，

我认为您应该尽可能避免使用全局变量

但是如果您必须使用它们，您是对的，您可以在
模块中初始化它们。运行
并将模块添加到应用程序依赖项中

我认为您应该尽可能避免使用全局变量

但是如果您必须使用它们，您是对的，您可以在
模块中初始化它们。运行
并将模块添加到应用程序依赖项中

我认为您应该尽可能避免使用全局变量

但是如果您必须使用它们，您是对的，您可以在
模块中初始化它们。运行
并将模块添加到应用程序依赖项中

我认为您应该尽可能避免使用全局变量

但是如果您必须使用它们，您是对的，您可以在
模块中初始化它们。运行
并将模块添加到应用程序依赖项中

如果您想访问一些变量，您必须查看$rootScope，因为您可以随时随地访问$rootScope

此外，还必须使用角度配置和运行函数

我建议您不要使用全局范围，因为它会影响应用程序速度、内存泄漏等。

如果您想访问某些变量，必须查看$rootScope，因为您可以随时随地访问$rootScope

此外，还必须使用角度配置和运行函数

我建议您不要使用全局范围，因为它会影响应用程序速度、内存泄漏等。

如果您想访问某些变量，必须查看$rootScope，因为您可以随时随地访问$rootScope

此外，还必须使用角度配置和运行函数

我建议您不要使用全局范围，因为它会影响应用程序速度、内存泄漏等。

如果您想访问某些变量，必须查看$rootScope，因为您可以随时随地访问$rootScope

此外，还必须使用角度配置和运行函数

我建议您不要使用全局范围，因为它会影响应用程序速度、内存泄漏等。

我可能会将变量放入服务中，然后将其注入到控制器中。您希望访问这些“全局”变量的任何其他控制器都将嵌套在包装控制器下，从而继承这些变量

var app = angular.module("app", []);

app.service("globVars", function () {
  var vars = {};
  vars.someVar = "a";
  vars.someOtherVar = "b";
  return vars;
});

app.controller("WrappingCtrl", function ($scope, globVars) {
  $scope.globVars = globVars;
});

app.controller("NestedCtrl", function ($scope) {
  console.log($scope.globVars.someVar); // => "a"
});


<html ng-app="app">
  <div id="wrapper" ng-controller="WrappingCtrl">
    <div class="nested" ng-controller="NestedCtrl">
      {{globVars.someVar}}
    </div>
  </div>
</html>

var-app=angular.module（“app”，[]）；
应用程序服务（“globVars”，函数（）{
var vars={}；
vars.someVar=“a”；
vars.someOtherVar=“b”；
返回变量；
});
应用控制器（“WrappingCtrl”，函数（$scope，globVars）{
$scope.globVars=globVars；
});
app.controller（“NestedCtrl”，函数（$scope）{
console.log（$scope.globVars.someVar）；//=>a
});
{{globVars.someVar}
我可能会将变量放入服务中，然后将其注入到控制器中。您希望访问这些“全局”变量的任何其他控制器都将嵌套在包装控制器下，从而继承这些变量

var app = angular.module("app", []);

app.service("globVars", function () {
  var vars = {};
  vars.someVar = "a";
  vars.someOtherVar = "b";
  return vars;
});

app.controller("WrappingCtrl", function ($scope, globVars) {
  $scope.globVars = globVars;
});

app.controller("NestedCtrl", function ($scope) {
  console.log($scope.globVars.someVar); // => "a"
});


<html ng-app="app">
  <div id="wrapper" ng-controller="WrappingCtrl">
    <div class="nested" ng-controller="NestedCtrl">
      {{globVars.someVar}}
    </div>
  </div>
</html>

var-app=angular.module（“app”，[]）；
应用程序服务（“globVars”，函数（）{
var vars={}；
vars.someVar=“a”；
vars.someOtherVar=“b”；
返回变量；
});
应用控制器（“WrappingCtrl”，函数（$scope，globVars）{
$scope.globVars=globVars；
});
app.controller（“NestedCtrl”，函数（$scope）{
console.log（$scope.globVars.someVar）；//=>a
});
{{globVars.someVar}
我可能会将变量放入服务中，然后将其注入到控制器中。您希望访问这些“全局”变量的任何其他控制器都将嵌套在包装控制器下，从而继承这些变量

var app = angular.module("app", []);

app.service("globVars", function () {
  var vars = {};
  vars.someVar = "a";
  vars.someOtherVar = "b";
  return vars;
});

app.controller("WrappingCtrl", function ($scope, globVars) {
  $scope.globVars = globVars;
});

app.controller("NestedCtrl", function ($scope) {
  console.log($scope.globVars.someVar); // => "a"
});


<html ng-app="app">
  <div id="wrapper" ng-controller="WrappingCtrl">
    <div class="nested" ng-controller="NestedCtrl">
      {{globVars.someVar}}
    </div>
  </div>
</html>

var-app=angular.module（“app”，[]）；
应用程序服务（“globVars”，函数（）{
var vars={}；
vars.someVar=“a”；
vars.someOtherVar=“b”；
返回变量；
});
应用控制器（“WrappingCtrl”，函数（$scope，globVars）{
$scope.globVars=globVars；
});
app.controller（“NestedCtrl”，函数（$scope）{
console.log（$scope.globVars.someVar）；//=>a
});
{{globVars.someVar}
我可能会将变量放入服务中，然后将其注入到控制器中。您希望访问这些“全局”变量的任何其他控制器都将嵌套在包装控制器下，从而继承这些变量

var app = angular.module("app", []);

app.service("globVars", function () {
  var vars = {};
  vars.someVar = "a";
  vars.someOtherVar = "b";
  return vars;
});

app.controller("WrappingCtrl", function ($scope, globVars) {
  $scope.globVars = globVars;
});

app.controller("NestedCtrl", function ($scope) {
  console.log($scope.globVars.someVar); // => "a"
});


<html ng-app="app">
  <div id="wrapper" ng-controller="WrappingCtrl">
    <div class="nested" ng-controller="NestedCtrl">
      {{globVars.someVar}}
    </div>
  </div>
</html>

var-app=angular.module（“app”，[]）；
应用程序服务（“globVars”，函数（）{
var vars={}；
vars.someVar=“a”；
vars.someOtherVar=“b”；
返回变量；
});
应用控制器（“WrappingCtrl”，函数（$scope，globVars）{
$scope.globVars=globVars；
});
app.controller（“NestedCtrl”，函数（$scope）{
console.log（$scope.globVars.someVar）；//=>a
});
{{globVars.someVar}
是的，这正是我所想的，它是有效的（使用工厂而不是服务）。谢谢！包装控制器不是一个好主意。。。相反，我宁愿只在需要使用变量的地方注入服务。。。并非应用程序的每个部分都需要了解那些听起来一点也不糟糕的变量。如果我要求一些简单的示例代码来说明如何注入服务，这会不会太过分？？*你的意思是像在WrappingCtrl中一样，将服务放在任意位置