之前博客，非常easy的就实现了模型数据和页面显示的自己主动绑定。如今我们使用控制器，给模型赋初始值。

假设使用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 对象。

（二）用控制器controller给模型数据赋初始值的更多相关文章

  1. Vue中用props给data赋初始值遇到的问题解决

    Vue中用props给data赋初始值遇到的问题解决 更新时间:2018年11月27日 10:09:14   作者:yuyongyu    我要评论   这篇文章主要介绍了Vue中用props给dat ...

  2. Bash 什么时候会给 HOME 赋初始值

    今天无意发现下面这个表现: $  env -i bash -c cd bash: line 0: cd: HOME not set $ env -i bash -c 'echo $HOME' 这表明了 ...

  3. static 和 final 关键字 对实例变量赋初始值的影响

    static 和 final 关键字 对实例变量赋初始值的影响 最近一直在看<深入理解Java虚拟机>,在看完了对象内存分配.Class文件格式之后,想深扒一下实例变量是如何被赋上初始值的 ...

  4. C语言赋初始值

  5. vector 赋初始值的问题

    这个,输出为1 这个,啥都输不出来． 据说是因为没有初始化． 其实我搜了一下 vector<vector<int> > A;//正确的定义方式 vector<vector ...

  6. SpringMVC(十二)：SpringMVC 处理输出模型数据之@ModelAttribute

    Spring MVC提供了以下几种途径输出模型数据:1)ModelAndView:处理方法返回值类型为ModelAndView时,方法体即可通过该对象添加模型数据:2)Map及Model:处理方法入参 ...

  7. [转]Vue中用props给data赋初始值遇到的问题解决

    原文地址:https://segmentfault.com/a/1190000017149162 2018-11-28更:文章发布后因为存在理解错误,经@Kim09AI同学提醒后做了调整,在此深表感谢 ...

  8. 十三、SAP中定义变量时赋初始值

    一.代码如下 二.输出如下

  9. 静态Map类型变量赋初始值

    private static Map<String,String> sysTypeList = new HashMap<String, String>(); static { ...

随机推荐

  1. Material Designer的低版本兼容实现（八）—— Flat Button

       除了中规中矩的矩形按钮外,5.0中将按钮扁平化,产生了一个扁平按钮——Flat Button.这个按钮降低了很多存在感,主要用于在对话框,提示栏中.让整个界面减少层级.今天说的就是它的用法. 这 ...

  2. 用开源项目CropImage实现图片的裁剪（不推荐）

       之前介绍过一个截图的办法(http://www.cnblogs.com/tianzhijiexian/p/3900241.html),这里再分享个开源项目.它也是截图,但是效果不是很好,首先还是 ...

  3. 使用ASP.NET读取word2003文档

    直接使用.NET 读取doc文档. http://www.codeproject.com/Articles/22738/Read-Document-Text-Directly-from-Microso ...

  4. iOS 加密的3种方法

    //需要导入   #import <CommonCrypto/CommonCryptor.h> ==============MD5加密============ NSString *str ...

  5. 使用SetUnhandledExceptionFilter转储程序崩溃时内存DMP .

    关于程序崩溃时转储内存DMP,可以设置注册表,使程序崩溃时自动转储内存DMP,见程序崩溃时利用注册表自动转储内存DMP.本文要介绍的是使用SetUnhandledExceptionFilter函数在程 ...

  6. [PowerShell Utils] Create a list of virtual machines based on configuration read from a CSV file in Hyper-V

    Hello everyone, this is the third post of the series. .   Background =============== In my solution, ...

  7. 详说 Block Formatting Contexts (块级格式化上下文)

    在上文<详说清除浮动>中,Kayo 较为详细地介绍了 BFC ,也就是本文的主角 Block Formatting Contexts (块级格式化上下文),本文会基于上文关于 BFC 的部 ...

  8. Android推送分析

     cpu多核利用能够实现Android推送的吞吐量. 讲明白这点,我们需要了解Android推送的基本原理了.如果实现C(客户端)与server(客户端)实时通讯了.这里有两种思路了: 1.一种是定时 ...

  9. 学习世界模型，通向AI的下一步：Yann LeCun在IJCAI 2018上的演讲

    https://baijiahao.baidu.com/s?id=1606296521706399213&wfr=spider&for=pc 机器之心整理,机器之心编辑部. 人工智能顶 ...

  10. Kafka：ZK+Kafka+Spark Streaming集群环境搭建（二十八）：kafka0.10.1 内置性能测试API用法示例

    消费者测试: ./kafka-consumer-perf-test..com.cn:,vm10..com.cn:,vm10..com.cn: --group test-teg1 --messages ...