因此,我们可以很容易地在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
变量吗?
发布于 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>
发布于 2015-07-30 02:01:14
这应该是可行的:
<h1>Hello {{yourName}} you are in in {{$root.zoneName}}!</h1>
发布于 2015-07-30 02:02:34
您可以在控制器中注入$rootScope
,然后将其映射到一个范围变量,如下所示
$scope.global = $rootScope;
然后,在您的模板中可以使用
<p>$rootscope value of name is {{ global.name }}.</p>
您必须小心,不要将内容无用地放入$rootScope
中,因为这不被认为是调整代码的最佳实践
https://stackoverflow.com/questions/31707789
复制相似问题