Atitit usrQBK13 html dsl 规范与解决方案

 

 

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 指令

 

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 教程

 

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

汉字名：艾提拉（艾龙），   EMAIL:1466519819@qq.com

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

Atiend