无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 行业新闻 >

小程序开放公测_AngularJS控制器controller给模型数据

时间:2021-01-12 15:39来源:小程序开放公测 作者:jianzhan 点击:
AngularJS操纵器controller给实体模型数据信息赋原始值的方式 本文关键详细介绍了AngularJS操纵器controller给实体模型数据信息赋原始值的方式,涉及到AngularJS操纵器controller简易取值实际
AngularJS控制器controller给模型数据赋初始值的方法       这篇文章主要介绍了AngularJS控制器controller给模型数据赋初始值的方法,涉及AngularJS控制器controller简单赋值操作实现技巧,需要的朋友可以参考下

本文实例讲述了AngularJS控制器controller给模型数据赋初始值的方法。分享给大家供大家参考,具体如下:

之前的文章《》,很简单的就实现了模型数据和页面显示的自动绑定。现在我们使用控制器,给模型赋初始值。如果使用jQuery来实现变量赋初值,需要在页面加载完成后执行

$("#target").attr("value",selfValue);

使用AngularJS代码如下:

 !doctype html 
 html lang="en" ng-app 
 head 
 meta charset="utf-8" 
 title Hello,World! /title 
 script src="angular1.2.25.js" /script 
 script 
 function WholeController($scope)
 $scope.yourName = "aty";
 /script 
 /head 
 body ng-controller="WholeController" 
 input type="text" ng-model="yourName" 
 h1 Hello, {{yourName}} /h1 
 /body 
 /html 

这里需要注意:函数名必须与ng-controller中的名称一致,函数的参数$scope名次也是固定的,不能随便修改。这样的话,AngularJS框架会自动执行我们的控制器,并将作用域对象注入到函数参数。很显然这种方式非常不好,因为不能改变函数参数名,后面我会看到还有别的方式来达到同样的目的,后续我们再继续学习。可以看到Controller就是一个JavaScript 函数,在 Angular 里,当这个函数通过 ng-controller 指令绑定到 DOM 上的时候,这个函数就是 Controller 了,我们可以为 Controller Scope 对象。

更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《》及《》

希望本文所述对大家AngularJS程序设计有所帮助。


(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信