在我的html中使用rootScope变量
在我的html中使用rootScope变量
提问于 2015-07-30 01:57:27
因此，我们可以很容易地在angular html中使用作用域变量，如下所示：
<!doctype html>
<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
</head>
<body>
<div>
<label>Name:</label>
<input type="text" ng-model="yourName" placeholder="Enter a name here">
<hr>
<h1>Hello {{yourName}}!</h1>
</div>
</body>
</html>举个例子：
<h1>Hello {{yourName}}!</h1>正在使用我希望做的范围内的yourName：
<h1>Hello {{yourName}} you are in in {{$rootScope.zoneName}}!</h1>可以像这样引入$rootScope变量吗？
回答 4
Stack Overflow用户
发布于 2015-07-30 01:59:07
您不需要在html中指定$rootScope。您可以像使用$scope变量一样使用它
只需更新
<h1>Hello {{yourName}} you are in in {{$rootScope.zoneName}}!</h1>至
<h1>Hello {{yourName}} you are in in {{zoneName}}!</h1>Stack Overflow用户
发布于 2015-07-30 02:01:14
这应该是可行的：
<h1>Hello {{yourName}} you are in in {{$root.zoneName}}!</h1>Stack Overflow用户
发布于 2015-07-30 02:02:34
您可以在控制器中注入$rootScope，然后将其映射到一个范围变量，如下所示
$scope.global = $rootScope;
然后，在您的模板中可以使用
<p>$rootscope value of name is {{ global.name }}.</p>
您必须小心，不要将内容无用地放入$rootScope中，因为这不被认为是调整代码的最佳实践
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31707789
复制相关文章
相似问题