Atitit usrQBK13 html dsl 规范与解决方案

 

 

Atitit usrQBK13 html dsl 规范与解决方案

 

1.1. Vue  vs anrular1

1.2. 定义html dsl变量1

1.3. 变量赋值1

1.4.  条件渲染指令1

2. AngularJS ng-if 指令2

2.1. AngularJS 实例2

2.2. ng-repeat 指令2

2.3. AngularJS 教程2

 

1.1. Vue  vs anrular

Vue资料只有ang的十分之一。。还是ang资料多点

 

 

1.2. 定义html dsl变量

保留 HTML: <input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
<hr>
</div>

 

1.3. 变量赋值

1.4.  条件渲染指令

本文主要讲了一下六个指令:

v-if//v-show//v-else//v-for//v-bind//v-on

<div id="example01">

    <p v-if="male">Male</p>

    <p v-if="female">Female</p>

    <p v-if="age>25">Age:{{age}}</p>

<p v-if="name.indexOf('lin')>0">Name:{{name}}</p></div>

 

2. AngularJS ng-if 指令

 AngularJS 参考手册

 

2.1. AngularJS 实例

取消选中,并移除内容:

保留 HTML: <input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
<hr>
</div>

 

2.2. ng-repeat 指令

ng-repeat 指令对于集合中(数组中)的每个项会 克隆一次 HTML 元素

2.3. AngularJS 教程

AngularJS 教程AngularJS 简介AngularJS 表达式AngularJS 指令AngularJS 模型AngularJS Scope(作用域)AngularJS 控制器AngularJS 过滤器AngularJS ServiceAngularJS HttpAngularJS SelectAngularJS 表格AngularJS SQLAngularJS HTML DOMAngularJS 事件AngularJS 模块AngularJS 表单AngularJS 输入验证AngularJS APIAngularJS BootstrapAngularJS 包含AngularJS 动画AngularJS 依赖注入AngularJS 路由AngularJS 应用

 

作者:: 绰号:老哇的爪子 ( 全名::Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊 ) 

汉字名:艾提拉(艾龙)   EMAIL:1466519819@qq.com

转载请注明来源: http://www.cnblogs.com/attilax/

Atiend

 

 

posted @ 2016-11-19 14:20  attilaxAti  阅读(351)  评论(0编辑  收藏  举报