（二）用控制器controller给模型数据赋初始值

最新推荐文章于 2024-01-25 08:42:44 发布

aitangyong

最新推荐文章于 2024-01-25 08:42:44 发布

阅读量2.5k

点赞数

分类专栏： AngularJS 文章标签： AngularJS学习

本文链接：https://blog.csdn.net/aitangyong/article/details/39666769

版权

这篇博客介绍了如何在AngularJS中利用控制器为模型数据赋予初始值，区别于jQuery的赋值方式，AngularJS通过ng-controller指令将JavaScript函数作为Controller，并自动注入Scope对象，实现数据初始化。虽然这种方式限制了函数参数名，但提供了便捷的数据绑定。

摘要由CSDN通过智能技术生成

之前博客，很简单的就实现了模型数据和页面显示的自动绑定。现在我们使用控制器，给模型赋初始值。如果使用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中的名称一致

最低0.47元/天解锁文章

aitangyong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
（二）用控制器controller给模型数据赋初始值

之前博客，很简单的就实现了模型数据和页面显示的自动绑定。现在我们使用控制器，给模型赋初始值。如果使用jquery来实现变量赋初值，需要在页面加载完成后执行$("#target").attr("value",selfValue);使用AngularJS代码如下： Hello,World!
复制链接

扫一扫

专栏目录