AngularJS实例,Angular,AngularJS 在线

705AngularJS 表达式

<p>一个页面里创建多个 ng-app 手动加载即可:</p><pre style=""><span class="kwd">var</span><span class="pln"> app1 </span><span class="pun">=</span><span class="pln"> angular</span><span class="pun">.</span><span class="kwd">module</span><span class="pun">(</span><span class="str">"app1"</span><span class="pun">,</span><span class="pln"> </span><span class="pun">[]);</span><span class="pln"> </span><span class="com">//自动加载</span><span class="pln"></span><span class="kwd">var</span><span class="pln"> app2 </span><span class="pun">=</span><span class="pln"> angular</span><span class="pun">.</span><span class="kwd">module</span><span class="pun">(</span><span class="str">"app2"</span><span class="pun">,</span><span class="pln"> </span><span class="pun">[]);</span><span class="pln"> </span><span class="com">//手动加载</span><span class="pln">angular</span><span class="pun">.</span><span class="pln">bootstrap</span><span class="pun">(</span><span class="pln">document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"A2"</span><span class="pun">),</span><span class="pln"> </span><span class="pun">[</span><span class="str">'app2'</span><span class="pun">]);</span><span class="pln"> </span><span class="com">// 手动加载2</span></pre><p><a href="/try/try.php?filename=angularjs-multi-app " target="_blank">尝试一下 »</a></p><p> </p>

704AngularJS 表达式

1.ng-app是一个特殊的指令,一个HTML文档只出现一次,如出现多次也只有第一个起作用;ng-app可以出现在html文档的任何一个元素上。

2.ng-app作用:告诉子元素指令是属于angularJs。

3.ng-app的值可以为空(练习),项目中一定要赋值,后面所说的模块。

703AngularJS 教程

1、ng-app=" "  定义angularJS的使用范围;

2、ng-init="变量=值;变量='值'"  初始化变量的值,有多个变量时,中间用分号隔开;

3、ng-model="变量"  定义变量名;

4、ng-bind="变量"  绑定变量名,获取该变量的数据。这里的变量就是第3条的变量名。但是一般都用双重花括号来获取变量的值,比如:{{变量}}。