AngularJS控制器controller给模型数据赋初始值的方法

2019-11-19 18:09:38

字体：大中小

来源：转载

供稿：网友

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

之前的文章《AngularJS入门示例之Hello World详解》，很简单的就实现了模型数据和页面显示的自动绑定。现在我们使用控制器，给模型赋初始值。如果使用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入门与进阶教程》及《AngularJS MVC架构总结》

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

上一篇：jQuery实现手机上输入后隐藏键盘功能

下一篇：使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条