ng-init,ng-controller,ng-model
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相关推荐
- php model controller,Laravel 中 Controller访问Model函数/常量
// User.php class User extends Model { const USER_STATUS_ACTIVED = 1; //进行中 const USER_TYPE_TEST = ' ...
- 【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 ...
- ng build --aot 与 ng build --prod
angluar的编译有以下几种方式: ng build 常规的压缩操作 代码体积最大 ng build --aot angular预编译 代码体积较小 ng build --pr ...
- springMVC:将controller中Model数据传递到jsp页面
在action中存放数据,代码如下: @Controller // 加入到IOC容器 //@RequestMapping(value="/topic") public class ...
- Laravel 中 Controller访问Model函数/常量
<?php// User.php class User extends Model {const USER_STATUS_ACTIVED = 1; //进行中const USER_TYPE_TE ...
- ng命令汇总:Angular CLI 使用教程指南参考
Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本. 安装 要安装Ang ...
- Angular的学习
Angular的学习 Angular的特性. MVC : 在前端引入了MVC的设计模式 模块化开发 自动的双向数据绑定 *语义化标签(自定义标签) 依赖注入 其核心就是通过指令扩展了HTML,通过表达 ...
- Angular CLI 使用教程指南参考
Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本. 安装 要安装Ang ...
- Angular应用ng serve命令行的学习笔记
在Angular项目下执行命令行ng serve --open: The ng serve command builds the app, starts the development server, ...
- ng build --prod --aot打包Angluar4项目报javaScript heap out of memory,内存溢出
这里 Allocation failed - JavaScript heap out of memory JavaScript堆内存不足,我们都知道 Node 是基于V8引擎,在一般的后端开发语言中, ...
最新文章
- R绘制QQ图并解读QQ图
- kingcms php 排序 标签,修改PHPCMS V9列表排序,listorder、order排序功能的方法
- rrdtool zabbix mysql_MRTG、Cacti、Rrdtool、Nagios、Zabbix安装比较
- c# 读取写入excel单元格基本操作
- 模板:多项式乘法(FFTNTT)
- 01)自学JavaScript
- 决策树 prepruning_智能建筑运维前探 AI天天见之五:决策树算法应用探索
- Java基础(七)——文件、IO流
- 安卓9.0系统新特性
- c语言图书管理实验报告,图书管理系统c语言程序设计实验报告
- 通过 Bitmap Font Generator 生成 fnt 与 png 文件供 cocos2d-x 中 LabelBMFont 使用达到以图片表现数字
- JSONP原理及实现
- 儿童节特刊 | 如何练好手眼协调能力(手眼标定详解,附源码)
- 美国四大科技巨头:苹果、微软、Facebook、谷歌的爱恨情仇
- 【云和恩墨大讲堂】SQL 审核 | 细致入微,方显价值
- 社区团购小程序怎么做,全流程解析
- Imagination出席AIIA交流活动 PowerVR NNA IP入选首批《AI芯片技术选型目录》
- mysql 中文截断_Mysql入库汉字被截断问题
- SetItemText
- Docker 搭建「个人网盘」,放弃 Pandownload!