angularjs – 在我的html中使用rootScope变量
发布时间:2020-12-17 08:37:00 所属栏目:安全 来源:网络整理
导读:所以我们可以在angular html中使用范围变量很容易这样: !doctype htmlhtml ng-app head script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"/script /head body div labelName:/label input type="text" ng-model="yourNam
所以我们可以在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变量?
您不需要在html中指定$ rootScope。您可以使用与使用$ scope变量相同的方式
只是更新 <h1>Hello {{yourName}} you are in in {{$rootScope.zoneName}}!</h1> 至 <h1>Hello {{yourName}} you are in in {{zoneName}}!</h1> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |