1.ng-init

用于初始化数据,跟在$scope插入数据一样,但是在配合repeat指令时候比较有用:

<div ng-repeat="arrOuter in arr" ng-init="outerIndex = $index"><div ng-repeat="arrInner in arrOuter" ng-init="innerIndex = $index"><p>{{arrInner}}:{{outerIndex}}{{innerIndex}}</p></div>
</div>

2.ng-controller

当controller里面的回调是一个对象的写法的时候。如:

1.controller('Aaa',['$scope',FnAaa]);

function FnAaa($scope){
}
FnAaa.prototype.num = '123';

那ng-controller指令的用法就得这样写了

<div ng-controller="FnAaa as a1">
  <div>{{a1.text}}:{{a1.show()}}</div>
</div>

这里的a1就是创建的一个FnAaa对象。

3.ng-model

这个指令用于双向数据绑定,之前就用在输入框里面,

可以通过ng-model-options来配置触发数据变化的事件。

<input type="text" ng-model="text" ng-model-options="{updateOn : 'blur'}">

转载于:https://www.cnblogs.com/toodeep/p/4970116.html

ng-init,ng-controller,ng-model相关推荐

  1. php model controller,Laravel 中 Controller访问Model函数/常量

    // User.php class User extends Model { const USER_STATUS_ACTIVED = 1; //进行中 const USER_TYPE_TEST = ' ...

  2. 【Machine Learning】【Andrew Ng】- notes(Week 1: model and cost function)

    Model Representation: To describe the supervised learning problem slightly more formally, our goal i ...

  3. ng build --aot 与 ng build --prod

    angluar的编译有以下几种方式: ng build  常规的压缩操作    代码体积最大 ng build --aot   angular预编译      代码体积较小 ng build --pr ...

  4. springMVC:将controller中Model数据传递到jsp页面

    在action中存放数据,代码如下: @Controller // 加入到IOC容器 //@RequestMapping(value="/topic") public class ...

  5. Laravel 中 Controller访问Model函数/常量

    <?php// User.php class User extends Model {const USER_STATUS_ACTIVED = 1; //进行中const USER_TYPE_TE ...

  6. ng命令汇总:Angular CLI 使用教程指南参考

    Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本. 安装 要安装Ang ...

  7. Angular的学习

    Angular的学习 Angular的特性. MVC : 在前端引入了MVC的设计模式 模块化开发 自动的双向数据绑定 *语义化标签(自定义标签) 依赖注入 其核心就是通过指令扩展了HTML,通过表达 ...

  8. Angular CLI 使用教程指南参考

    Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本. 安装 要安装Ang ...

  9. Angular应用ng serve命令行的学习笔记

    在Angular项目下执行命令行ng serve --open: The ng serve command builds the app, starts the development server, ...

  10. ng build --prod --aot打包Angluar4项目报javaScript heap out of memory,内存溢出

    这里 Allocation failed - JavaScript heap out of memory JavaScript堆内存不足,我们都知道 Node 是基于V8引擎,在一般的后端开发语言中, ...

最新文章

  1. R绘制QQ图并解读QQ图
  2. kingcms php 排序 标签,修改PHPCMS V9列表排序,listorder、order排序功能的方法
  3. rrdtool zabbix mysql_MRTG、Cacti、Rrdtool、Nagios、Zabbix安装比较
  4. c# 读取写入excel单元格基本操作
  5. 模板:多项式乘法(FFTNTT)
  6. 01)自学JavaScript
  7. 决策树 prepruning_智能建筑运维前探 AI天天见之五:决策树算法应用探索
  8. Java基础(七)——文件、IO流
  9. 安卓9.0系统新特性
  10. c语言图书管理实验报告,图书管理系统c语言程序设计实验报告
  11. 通过 Bitmap Font Generator 生成 fnt 与 png 文件供 cocos2d-x 中 LabelBMFont 使用达到以图片表现数字
  12. JSONP原理及实现
  13. 儿童节特刊 | 如何练好手眼协调能力(手眼标定详解,附源码)
  14. 美国四大科技巨头:苹果、微软、Facebook、谷歌的爱恨情仇
  15. 【云和恩墨大讲堂】SQL 审核 | 细致入微,方显价值
  16. 社区团购小程序怎么做,全流程解析
  17. Imagination出席AIIA交流活动 PowerVR NNA IP入选首批《AI芯片技术选型目录》
  18. mysql 中文截断_Mysql入库汉字被截断问题
  19. SetItemText
  20. Docker 搭建「个人网盘」,放弃 Pandownload!

热门文章

  1. mongodb用户管理简单记录
  2. PHP闭包(Closure)初探
  3. vmware不能和主机相连
  4. 如何防御DDoS攻击
  5. not receive messages for the subscriptions setting
  6. it is important to delete your email mailbox in a frequent manner!
  7. 几何着色器与细分(镶嵌)着色器
  8. U3D assetbundle加载与卸载的深入理解
  9. XP+UBUNTU双系统上重装XP后修复GRUB方法
  10. MySQL学习(四)