栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

AngularJS中的$ scope是什么?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

AngularJS中的$ scope是什么?

每个控制器都有一个关联的

$scope
对象。

控制器(构造函数)功能负责设置模型属性和功能。这只能通过$
scope来完成。无论您在View(HTML文件)中应用的任何功能或模型,都可以在控制器中使用范围进行访问。

只有在$ scope对象上定义的方法才能从HTML /视图访问。示例-来自ng-click,过滤器等

现在,让我们一一列举您的示例–

1。

 function MyController($scope) { $scope.username = 'World'; };

在上面的示例中,您定义了任何名为username的属性,其值均为“ World”。假设在html文件中,您具有以下代码行–

<div ng-controller="MyController"><h1>{{data.username}}</h1></div>

这将自动从控制器获取值并将其显示在屏幕上。值得注意的是“数据”。标记中的是html页面可以引用该控制器的控制器的名称。这通常是在控制器内或html文件顶部定义的。

2。

$scope.sayHello = function() {$scope.greeting = 'Hello ' + $scope.username + '!';};

这是您在控制器中定义的功能,您可以通过以下代码在视图中进行访问–

<div ng-controller="MyController"><h1>{{data.greeting}}</h1></div>

在这里,data.greeting将自动从sayHello函数中选择值,即显示的值为“ Hello
World”。用户名中的“世界”之前与“你好”串联在一起。

我希望这可以消除您的疑问。:)



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/633240.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号