$ root范围,具有相同的变量,具有不同的值

时间:2017-01-05 10:34:34

标签: angularjs angularjs-rootscope

首先请原谅我,如果这没有任何意义。

我有一个root-scope,在同一个控制器中分配了两个不同的值,现在我想用那个root-scope打印这两个值.....我怎么能实现这个

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

app.controller('MainCtrl', function($scope,$rootScope) {
  $rootScope.name = 'hello';
  $rootScope.name="world";
});
<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>

  
    <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script>
   
  </head>

  <body ng-controller="MainCtrl">
    <p>{{name}}</p>
  </body>

</html>

从上面我想打印你好世界......

2 个答案:

答案 0 :(得分:0)

当你拨打$ rootScope.name =“world”时,你正在覆盖第一个值;我建议你做一个像这样的对象;

$rootScope.helloWorld = {hello: "hello", world: "world"};

在html中;

<p>{{helloWord.hello}} {{helloWorld.world}}</p>

答案 1 :(得分:0)

你想做的是

$rootScope.name = "hello";
$rootScope.name += " world";

在您的代码中,您只是替换了值。